@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}}@layer base{:root{--bg-app: #f5f5f3;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fafaf9;--bg-topbar: #ffffff;--bg-modal: #ffffff;--bg-modal-overlay: rgba(0, 0, 0, .4);--bg-input: #f5f5f3;--bg-tag: #f0f0ee;--bg-tag-hover: #e8e8e5;--bg-active: #eff6ff;--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #a1a1aa;--text-accent: #2563eb;--text-tag: #52525b;--border-base: #e4e4e7;--border-strong: #d4d4d8;--border-accent: #2563eb;--border-focus: #2563eb;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: #eff6ff;--accent-muted: #bfdbfe;--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);--shadow-modal: 0 20px 60px rgba(0,0,0,.15), 0 8px 24px rgba(0,0,0,.08);--sidebar-width: 220px;--topbar-height: 60px;--font-display: "Public Sans", sans-serif;--font-body: "Public Sans", sans-serif}[data-theme=dark]{--bg-app: #0f0f11;--bg-sidebar: #17171a;--bg-card: #1c1c20;--bg-card-hover: #212126;--bg-topbar: #17171a;--bg-modal: #1c1c20;--bg-modal-overlay: rgba(0, 0, 0, .65);--bg-input: #111115;--bg-tag: #2a2a30;--bg-tag-hover: #323238;--bg-active: #1e2a40;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #52525b;--text-accent: #60a5fa;--text-tag: #a1a1aa;--border-base: #27272a;--border-strong: #3f3f46;--border-accent: #60a5fa;--border-focus: #60a5fa;--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: #1e2a40;--accent-muted: #1e3a5f;--shadow-card: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-card-hover: 0 4px 16px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.3);--shadow-modal: 0 24px 64px rgba(0,0,0,.5), 0 8px 24px rgba(0,0,0,.3)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-body);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}app-root{min-height:100vh;display:flex;flex-direction:column}::selection{background:var(--accent-muted);color:var(--text-primary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input,textarea,select,button{font-family:var(--font-body)}}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 2px 8px #2563eb59}.btn-primary:active{transform:scale(.97)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-base);border-radius:10px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover{background:var(--bg-tag);color:var(--text-primary);border-color:var(--border-strong)}.btn-icon{background:transparent;border:none;border-radius:6px;padding:6px;cursor:pointer;color:var(--text-muted);transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1}.btn-icon:hover{background:var(--bg-tag);color:var(--text-secondary)}.btn-icon.edit{color:var(--accent)}.btn-icon.edit:hover{background:var(--accent-light);color:var(--accent)}.btn-icon.danger{color:#dc2626}.btn-icon.danger:hover{background:#fee2e2;color:#dc2626}[data-theme=dark] .btn-icon.danger{color:#f87171}[data-theme=dark] .btn-icon.danger:hover{background:#3f1515;color:#f87171}.input-base{background:var(--bg-input);border:1px solid var(--border-base);border-radius:10px;padding:9px 12px;font-size:13.5px;color:var(--text-primary);width:100%;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input-base::placeholder{color:var(--text-muted)}.input-base:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb1a}.tag-chip{background:var(--bg-tag);color:var(--text-tag);border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.tag-chip:hover{background:var(--bg-tag-hover);color:var(--text-primary)}.tag-chip.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent-muted)}.sidebar-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--text-secondary);transition:all .15s ease;-webkit-user-select:none;user-select:none}.sidebar-item:hover{background:var(--bg-tag);color:var(--text-primary)}.sidebar-item.active{background:var(--accent-light);color:var(--accent)}.sidebar-item .count{margin-left:auto;background:var(--border-base);color:var(--text-muted);border-radius:99px;padding:1px 7px;font-size:11px;font-weight:600;min-width:20px;text-align:center}.sidebar-item.active .count{background:var(--accent-muted);color:var(--accent)}.modal-overlay{position:fixed;inset:0;background:var(--bg-modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:overlayIn .2s ease}.modal-box{background:var(--bg-modal);border:1px solid var(--border-base);border-radius:20px;box-shadow:var(--shadow-modal);width:100%;max-width:520px;height:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .25s cubic-bezier(.34,1.56,.64,1)}.section-label{font-family:var(--font-display);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:0 10px;margin-bottom:4px;margin-top:16px}mark.hl{background:#2563eb26;color:var(--accent);border-radius:2px;padding:0 1px;font-style:normal}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.tags-scroll::-webkit-scrollbar{display:none}.tags-scroll{scrollbar-width:none}.card-base{background:var(--bg-card);border-radius:14px;box-shadow:var(--shadow-card);border:1px solid var(--border-base);transition:box-shadow .15s ease,border-color .15s ease}.card-base:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-strong)}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-scale-in{animation:scaleIn .25s ease forwards}.animate-slide-in{animation:slideInLeft .25s ease forwards}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width)}@media(min-width:1280px){:root{--sidebar-width: 240px;--topbar-height: 62px}}@media(min-width:1536px){:root{--sidebar-width: 260px;--topbar-height: 64px}html,body{font-size:14.5px}}@media(min-width:1920px){:root{--sidebar-width: 290px;--topbar-height: 68px}html,body{font-size:15px}}@media(min-width:2560px){:root{--sidebar-width: 330px;--topbar-height: 74px}html,body{font-size:16px}}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:282px;gap:12px;padding:16px;align-content:start}@media(min-width:1280px){.link-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:290px;gap:14px;padding:20px}}@media(min-width:1536px){.link-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:298px;gap:16px;padding:24px}}@media(min-width:1920px){.link-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:306px;gap:18px;padding:28px}}@media(min-width:2560px){.link-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-auto-rows:322px;gap:22px;padding:36px}}.card-base .card-actions{opacity:0;transition:opacity .15s ease}.card-base:hover .card-actions{opacity:1}.btn-icon-glass{background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;border-radius:8px;padding:6px;cursor:pointer;color:#ffffffe6;transition:background .15s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1;text-decoration:none}.btn-icon-glass:hover{background:#000000a6;color:#fff}.btn-icon-glass.danger{color:#fca5a5}.btn-icon-glass.danger:hover{background:#dc262699;color:#fff}.sidebar-backdrop{display:none;position:fixed;inset:0;background:var(--bg-modal-overlay);z-index:199;animation:overlayIn .2s ease}.menu-toggle,.mobile-search-bar{display:none}@media(max-width:767px){.sidebar{position:fixed;top:0;left:0;height:100dvh;z-index:200;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translate(0);box-shadow:8px 0 32px #0003}.sidebar-backdrop.visible{display:block}.menu-toggle{display:inline-flex}.modal-overlay{padding:12px}.topbar-import-text{display:none}.topbar-search{display:none!important}.mobile-search-bar{display:block;padding:8px 12px;background:var(--bg-topbar);border-bottom:1px solid var(--border-base);flex-shrink:0}}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.login-left-panel{display:flex}.login-slide-headline{font-size:clamp(40px,5.2vw,80px)}.login-slide-text{font-size:clamp(15px,1.15vw,18px)}.login-slide-bullet{font-size:clamp(14px,1.05vw,17px)}@media(max-width:1100px){.login-left-panel{padding:36px!important}}@media(max-width:767px){.login-left-panel{display:none!important}.login-mobile-logo{display:flex!important}.login-left-panel+div{width:100%!important;border-left:none!important;padding:48px 24px 28px!important;min-height:100dvh;justify-content:flex-start!important}}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}