*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,#root{margin:0;padding:0}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}*:hover,*:focus,input,textarea,button{transition-duration:.15s}[draggable=true]:active{transition:none}button,[role=button],[onClick],a,label[for],input[type=checkbox],input[type=radio],input[type=file],input[type=range],select,summary{cursor:pointer}button:disabled,input:disabled,[aria-disabled=true]{cursor:not-allowed;pointer-events:none;opacity:.5}:focus-visible{outline:2px solid #667eea;outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}button:hover:not(:disabled){opacity:.9}.action-btn:hover,button[title]:hover{opacity:.9}button:not([disabled]):hover{transition:all .15s ease}a{transition:opacity .15s ease,color .15s ease}a:hover{opacity:.85}input,textarea,select{-webkit-user-drag:none;-webkit-user-select:text!important;user-select:text!important;cursor:text}form,.modal,[role=dialog]{-webkit-user-drag:none}[role=tab]:hover:not([aria-selected=true]){background-color:#2d2d3f!important;border-color:#3d3d5c!important}.sidebar-nav-item:hover{background-color:#ffffff0f!important}.page-action-btn:hover{background-color:#ffffff1a!important}.bookmark-card,.group-card,.section-card{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease!important}button{transition:background-color .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease,transform .15s ease!important}.modal-overlay{transition:opacity .2s ease!important}:root{scrollbar-color:#3d3d5c #1a1a2e;scrollbar-width:thin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#3d3d5c;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4d4d6c}:focus-visible{outline:2px solid #667eea!important;outline-offset:2px;border-radius:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #667eea!important;outline-offset:0;border-radius:6px}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:linear-gradient(90deg,#1e1e2e,#2d2d4f,#1e1e2e);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 767px){.pg-main-content{padding-top:56px}.pg-group-card{width:100%!important}.pg-bm-columns{flex-wrap:wrap!important;overflow-x:visible!important}.pg-bm-column{flex:1 1 calc(50% - 6px)!important;min-width:calc(50% - 6px)!important}.pg-static-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pg-modal{max-width:calc(100vw - 24px)!important;max-height:90vh!important;overflow-y:auto!important}.pg-page-header{flex-wrap:wrap;row-gap:8px}.pg-quickadd-msg{max-width:40%;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 479px){.pg-bm-column{flex-basis:100%!important;min-width:100%!important}.pg-static-columns{grid-template-columns:1fr!important}}@media (min-width: 768px) and (max-width: 1023px){.pg-group-card--narrow{width:calc(50% - 6px)!important}}
