@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}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.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}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,ease);transition-duration:var(--tw-duration,0s)}:root{--font-main:var(--font-inter,-apple-system, BlinkMacSystemFont, sans-serif);--bg:#e8eef7;--bg-gradient:radial-gradient(ellipse at top left, #2563eb2e, transparent 50%), radial-gradient(ellipse at top right, #3b82f626, transparent 50%), radial-gradient(ellipse at bottom left, #60a5fa1f, transparent 50%), radial-gradient(ellipse at bottom right, #0ea5e924, transparent 50%), #e8eef7;--surface:#ffffffa6;--surface2:#ffffff73;--surface-solid:#fff;--glass-border:#ffffff80;--border:#0f172a14;--border2:#0f172a26;--text:#0f172a;--text2:#475569;--text3:#94a3b8;--accent:#2563eb;--accent-gradient:linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);--accent-fg:#fff;--blue:#3b82f6;--blue-bg:#3b82f61f;--green:#10b981;--green-bg:#10b9811f;--amber:#f59e0b;--amber-bg:#f59e0b1f;--red:#ef4444;--red-bg:#ef44441f;--purple:#8b5cf6;--purple-bg:#8b5cf61f;--radius:14px;--radius-sm:10px;--sidebar-width:240px;--shadow-glass:0 8px 32px #0f172a14, inset 0 1px 0 #fff9;--shadow-hover:0 12px 40px #0f172a1f, inset 0 1px 0 #fff9}[data-theme=dark]{--bg:#060b1a;--bg-gradient:radial-gradient(ellipse at top left, #2563eb40, transparent 50%), radial-gradient(ellipse at top right, #3b82f633, transparent 50%), radial-gradient(ellipse at bottom left, #0ea5e926, transparent 50%), radial-gradient(ellipse at bottom right, #60a5fa2e, transparent 50%), #060b1a;--surface:#1e2030a6;--surface2:#1e203066;--surface-solid:#1a1c2a;--glass-border:#ffffff14;--border:#ffffff14;--border2:#ffffff26;--text:#f1f5f9;--text2:#cbd5e1;--text3:#64748b;--blue-bg:#3b82f633;--green-bg:#10b98133;--amber-bg:#f59e0b33;--red-bg:#ef444433;--purple-bg:#8b5cf633;--shadow-glass:0 8px 32px #0006, inset 0 1px 0 #ffffff0d;--shadow-hover:0 12px 40px #00000080, inset 0 1px 0 #ffffff0d}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-main);background:var(--bg-gradient);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;background-attachment:fixed;font-size:14px;line-height:1.55}input,textarea,select,button{font-family:var(--font-main)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.tag{white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.tag-blue{background:var(--blue-bg);color:var(--blue)}.tag-green{background:var(--green-bg);color:var(--green)}.tag-amber{background:var(--amber-bg);color:var(--amber)}.tag-red{background:var(--red-bg);color:var(--red)}.tag-purple{background:var(--purple-bg);color:var(--purple)}.tag-gray{background:var(--surface2);color:var(--text2)}.btn{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-glass);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background:var(--surface2);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent-gradient);color:var(--accent-fg);border:none;box-shadow:0 4px 16px #2563eb59}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px #2563eb73}.btn-danger{color:var(--red);background:#ef444426;border-color:#ef44444d}.card{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-glass);transition:all .2s}.card:hover{border-color:var(--border2);box-shadow:var(--shadow-hover)}.modal-overlay{-webkit-backdrop-filter:blur(8px);background:#0f172a8c!important}[data-theme=dark] .modal-overlay{background:#000000b3!important}div[style*="position: fixed"][style*="inset: 0"]>.card{border-color:var(--border2);box-shadow:0 20px 60px #0f172a4d,0 0 0 1px #ffffff1a;background:var(--surface-solid)!important;-webkit-backdrop-filter:none!important}[data-theme=dark] div[style*="position: fixed"][style*="inset: 0"]>.card{box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d}input[type=text],input[type=email],input[type=password],input[type=date],input[type=url],input[type=tel],input[type=time],input[type=number],textarea,select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;color:var(--text);outline:none;padding:9px 14px;font-size:13px;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.checkbox{border:1.5px solid var(--border2);cursor:pointer;background:var(--surface);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.checkbox.checked{background:var(--accent-gradient);color:#fff;border-color:#0000;box-shadow:0 2px 8px #2563eb4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.slide-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}h1,h2,h3{letter-spacing:-.02em;font-weight:600}.desktop-sidebar{display:flex}.mobile-header{display:none!important}@media (max-width:768px){.desktop-sidebar{display:none!important}.mobile-header{display:flex!important}.diary-grid,.hide-mobile{display:none!important}.show-mobile-only{display:flex!important}}.show-mobile-only{display:none}@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}