:root{--bg-color: #f0f2f5;--card-bg: rgba(255, 255, 255, .6);--text-color: #333;--border-color: rgba(200, 200, 200, .5);--shadow-color: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: rgba(0, 0, 0, .15);--hover-bg: rgba(255, 255, 255, .4);--active-bg: rgba(255, 255, 255, .5);--primary-text: #111;--secondary-text: #555;--danger-text: #d32f2f;--danger-bg: rgba(244, 67, 54, .1);--danger-border: rgba(244, 67, 54, .3);--success-text: #388e3c;--success-bg: rgba(76, 175, 80, .1);--success-border: rgba(76, 175, 80, .3)}[data-theme=dark]{--bg-color: #121212;--card-bg: rgba(30, 30, 30, .8);--text-color: #e0e0e0;--border-color: rgba(100, 100, 100, .5);--shadow-color: rgba(0, 0, 0, .3);--glass-bg: rgba(30, 30, 30, .4);--glass-border: rgba(100, 100, 100, .4);--glass-shadow: rgba(0, 0, 0, .2);--hover-bg: rgba(60, 60, 60, .4);--active-bg: rgba(80, 80, 80, .5);--primary-text: #ffffff;--secondary-text: #aaaaaa;--danger-text: #ff6b6b;--danger-bg: rgba(244, 67, 54, .2);--danger-border: rgba(244, 67, 54, .4);--success-text: #81c784;--success-bg: rgba(76, 175, 80, .2);--success-border: rgba(76, 175, 80, .4)}[data-theme=dark] .logout-btn{background:var(--glass-bg);border-color:var(--glass-border);color:var(--primary-text);box-shadow:0 4px 6px var(--glass-shadow)}[data-theme=dark] .logout-btn:hover{background:var(--hover-bg);box-shadow:0 6px 8px var(--glass-shadow)}[data-theme=dark] .logout-btn:active{background:var(--active-bg);box-shadow:0 2px 4px var(--glass-shadow);transform:translateY(1px)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:15px 0;margin-bottom:20px;width:100%;border-bottom:1px solid var(--border-color)}.header-left{flex:1}.header-center{flex:2;text-align:center}.header-center h1{margin:0;font-size:1.8rem}.header-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:15px}@media (max-width: 768px){.app-header{flex-direction:column;align-items:center;gap:10px;padding:10px 0;margin-bottom:15px}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.admin-link{background-color:var(--accent-color);color:#fff;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:600;transition:background-color .2s ease}.admin-link:hover{background-color:#059669}.header-center{order:-1;flex:none;width:100%}.header-center h1{font-size:1.5rem}.header-right{gap:20px}}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fafbfc;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:#1b1f230a 0 1px,#ffffff40 0 1px inset;box-sizing:border-box;color:#24292e;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;line-height:20px;list-style:none;padding:6px 16px;position:relative;transition:background-color .2s cubic-bezier(.3,0,.5,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;white-space:nowrap;word-wrap:break-word}button:hover{background-color:#f3f4f6;text-decoration:none;transition-duration:.1s}button:disabled{background-color:#fafbfc;border-color:#1b1f2326;color:#959da5;cursor:default}button:active{background-color:#edeff2;box-shadow:#e1e4e833 0 1px inset;transition:none 0s}button:focus{outline:1px transparent}button:before{display:none}button:-webkit-details-marker{display:none}[data-theme=dark] .note-title-input,[data-theme=dark] .note-textarea,[data-theme=dark] .markdown-preview-pane,[data-theme=dark] .note-title,[data-theme=dark] .calculator-display,[data-theme=dark] .counter-input input,[data-theme=dark] .tracker-form input,[data-theme=dark] .tracker-form textarea{color:#000!important;background-color:#ffffffe6!important}[data-theme=dark] .tracker-stats input[type=date],[data-theme=dark] .tracker-stats input[type=number],[data-theme=dark] .tracker-stats input[type=text]{background-color:#3c3c3cb3!important;color:var(--text-color)!important;border-color:var(--border-color)!important}[data-theme=dark] .tracker-stats label{color:var(--secondary-text)!important}input:focus,textarea:focus,select:focus{outline:2px solid #007bff!important;outline-offset:2px}html{overflow-y:scroll;background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{max-width:1400px;margin:0 auto;padding:20px}.app-container{display:flex;flex-direction:column;gap:20px;align-items:center}.main-content{display:flex;gap:20px;width:100%}.left-panel{flex:1;min-width:300px;position:relative}.right-panel{flex:2}.tools-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:30px;width:100%;justify-items:center}.stopwatch-header-container{background:var(--bg-color);padding:10px 0}.stopwatch-header-container h2{margin:0;text-align:center}.add-stopwatch-container{display:none;justify-content:center;margin-top:10px}.stopwatch{max-width:300px;width:100%;position:relative;background:var(--card-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);border:1px solid var(--border-color);text-align:center;padding:15px 15px 20px;display:flex;flex-direction:column;margin-bottom:20px}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-tap-highlight-color:transparent}.theme-toggle{width:40px;height:40px;border-radius:50%;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.1)}.logout-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-tap-highlight-color:transparent;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:0 4px 6px var(--glass-shadow);color:var(--primary-text)}.logout-btn:hover{background:var(--hover-bg);box-shadow:0 6px 8px var(--glass-shadow)}.logout-btn:active{transform:translateY(1px);box-shadow:0 2px 4px var(--glass-shadow)}.btn-glass{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:0 4px 6px var(--glass-shadow);color:var(--primary-text);padding:6px 16px}.btn-glass:hover{background:var(--hover-bg);box-shadow:0 6px 8px var(--glass-shadow)}.btn-glass:active{transform:translateY(1px);box-shadow:0 2px 4px var(--glass-shadow)}.mini-calculator{display:flex;flex-direction:column;gap:15px;padding:15px}.calculator-display{text-align:right;font-size:1.8rem;font-weight:700;padding:12px;margin:10px 0 15px;width:100%;box-sizing:border-box;background-color:#f0f0f0b3;border-color:transparent;box-shadow:inset 0 2px 4px #0000001a}.calculator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calculator-grid .btn{padding:12px 8px;font-size:1rem}.calculator-grid .clear-btn{grid-column:span 4}.if-ac-calc{margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px}.if-ac-calc h3{margin:0 0 10px;font-size:1.1rem;color:var(--secondary-text)}.if-ac-calc div{display:flex;align-items:center;gap:8px}.if-ac-calc label{width:90px;text-align:right;font-size:.9rem;color:var(--secondary-text)}.if-ac-calc input[type=number]{flex-grow:1;padding:8px 10px}.if-ac-calc p{margin:5px 0;font-size:1rem;color:var(--text-color)}[data-theme=dark] .if-ac-calc input[type=number]{background-color:#3c3c3cb3;color:var(--text-color);border-color:var(--border-color)}[data-theme=dark] .if-ac-calc label,[data-theme=dark] .if-ac-calc h3{color:var(--secondary-text)}.btn-secondary{background:rgba(200,200,200,.2);border:1px solid rgba(200,200,200,.3);color:var(--secondary-text)}.btn-secondary:hover{background:rgba(200,200,200,.3)}.btn-secondary:active{background:rgba(200,200,200,.4)}.btn-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.btn-danger:hover{background:rgba(244,67,54,.2)}.btn-danger:active{background:rgba(244,67,54,.3)}.btn-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.btn-success:hover{background:rgba(76,175,80,.2)}.btn-success:active{background:rgba(76,175,80,.3)}.export-btn,.import-btn{padding:10px 20px}input[type=text],input[type=number],input[type=email],input[type=password],textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background-color:#ffffffb3;color:var(--text-color);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:inset 0 1px 2px #0000000d;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{border-color:var(--glass-border)!important;box-shadow:inset 0 1px 2px #0000000d,0 0 0 2px #ffffff4d!important}textarea{resize:vertical;min-height:80px}.tool-card{background:var(--card-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);border:1px solid var(--border-color);outline:none;padding:15px;min-height:auto;display:flex;flex-direction:column}.clicker-counter,.stopwatch{flex:1;display:flex;flex-direction:column;height:auto;position:relative}.tool-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #eee}.tool-header h3{margin:0}.counter-controls{display:flex;align-items:center;gap:5px}.counter-display,.time-display{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;margin:20px 0}.counter-display .count{font-size:4rem;font-weight:700;margin-bottom:15px}.counter-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.counter-buttons button{padding:10px 20px;border:1px solid var(--glass-border);border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 6px var(--glass-shadow);color:var(--primary-text);margin:5px}.counter-buttons button:hover{background:var(--hover-bg);box-shadow:0 6px 8px var(--glass-shadow)}.counter-buttons button:active{transform:translateY(1px);box-shadow:0 2px 4px var(--glass-shadow)}.counter-input{display:flex;gap:8px}.counter-input input{flex-grow:1;padding:8px 10px}.counter-input button{padding:5px 10px;border-radius:4px;border:1px solid rgba(200,200,200,.3);background:rgba(200,200,200,.2);color:var(--secondary-text);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}.counter-input button:hover{background:rgba(200,200,200,.3)}.counter-input button:active{transform:translateY(1px)}.clicker-counter button.increment{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.clicker-counter button.increment:hover{background:rgba(76,175,80,.2);box-shadow:0 6px 8px var(--glass-shadow)}.clicker-counter button.increment:active{background:rgba(76,175,80,.3);box-shadow:0 2px 4px var(--glass-shadow)}.clicker-counter button.reset{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.clicker-counter button.reset:hover{background:rgba(244,67,54,.2);box-shadow:0 6px 8px var(--glass-shadow)}.clicker-counter button.reset:active{background:rgba(244,67,54,.3);box-shadow:0 2px 4px var(--glass-shadow)}.counter-controls button,.stopwatch-controls button{padding:8px 16px;margin:0 5px;border:1px solid var(--glass-border);border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 6px var(--glass-shadow);color:var(--primary-text)}.counter-controls button:hover,.stopwatch-controls button:hover{background:var(--hover-bg);box-shadow:0 6px 8px var(--glass-shadow)}.counter-controls button:active,.stopwatch-controls button:active{transform:translateY(1px);box-shadow:0 2px 4px var(--glass-shadow)}.counter-controls input[type=text],.stopwatch-controls input[type=text]{padding:8px;margin:0 5px;border:1px solid #ccc;border-radius:4px;font-size:14px}.counter-controls button.previous,.counter-controls button.next,.stopwatch-controls button.previous,.stopwatch-controls button.next,.nav-btn{padding:5px 10px;margin:0 5px;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:rgba(200,200,200,.2);border:1px solid rgba(200,200,200,.3);color:var(--secondary-text);box-shadow:0 2px 3px var(--glass-shadow)}.nav-btn:hover,.counter-controls button.previous:hover,.counter-controls button.next:hover,.stopwatch-controls button.previous:hover,.stopwatch-controls button.next:hover{background:rgba(200,200,200,.3);box-shadow:0 3px 4px var(--glass-shadow)}.nav-btn:active,.counter-controls button.previous:active,.counter-controls button.next:active,.stopwatch-controls button.previous:active,.stopwatch-controls button.next:active{transform:translateY(1px);box-shadow:0 1px 2px var(--glass-shadow)}.nav-btn:disabled{background-color:#c8c8c81a;border-color:#c8c8c833;color:#6c757db3;cursor:not-allowed;box-shadow:none}.stopwatch-actions,.counter-actions{display:flex;gap:5px;align-items:center}.counter-controls button.previous:hover,.counter-controls button.next:hover,.stopwatch-controls button.previous:hover,.stopwatch-controls button.next:hover{background-color:#5a6268}.stopwatch{background:var(--card-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);border:1px solid var(--border-color);text-align:center;padding:15px}.name-edit{display:flex;gap:1rem;align-items:center}.name-edit button{margin:0 .5rem}.name-edit input{padding:8px 10px;color:#000!important;background-color:#ffffffe6!important}.name-edit button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.name-edit button:first-of-type{background-color:#4caf50;color:#fff}.name-edit button:last-of-type{background-color:#f44336;color:#fff}.stopwatch-actions{display:flex;gap:5px}.stopwatch .delete-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:#fff;color:red;border:1px solid var(--border-color);cursor:pointer;font-weight:700;box-shadow:0 1px 2px var(--shadow-color)}.stopwatch .delete-btn:hover{background-color:#f0f0f0}.stopwatch-actions button:hover{background:rgba(200,200,200,.3)}.stopwatch-actions button:active{transform:translateY(1px)}.time-display{font-size:24px;font-weight:700;margin:15px 30px 15px 0;font-family:SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace}.start-btn{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.start-btn:hover{background:rgba(76,175,80,.2)}.start-btn:active{background:rgba(76,175,80,.3)}.pause-btn{background:rgba(200,200,200,.2);border-color:#c8c8c84d;color:var(--secondary-text)}.pause-btn:hover{background:rgba(200,200,200,.3)}.pause-btn:active{background:rgba(200,200,200,.4)}.reset-btn{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.reset-btn:hover{background:rgba(244,67,54,.2)}.reset-btn:active{background:rgba(244,67,54,.3)}.tracker-item{background-color:var(--card-bg);padding:12px 50px 12px 16px;border-radius:8px;display:flex;align-items:center;width:100%;box-sizing:border-box;margin-bottom:10px;border:1px solid var(--border-color);box-shadow:0 1px 2px var(--shadow-color);cursor:pointer;transition:transform .1s ease;position:relative}.tracker-item .delete-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);cursor:pointer}.tracker-item .delete-btn:hover{background-color:var(--hover-bg)}.log-item-content{flex:1;min-width:0;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-item{position:relative;padding-right:60px}.log-item-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.delete-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.delete-btn:hover{background-color:var(--glass-bg)}.tracker-item:hover{background:var(--hover-bg)}.tracker-item:active{transform:translateY(1px);box-shadow:0 0 1px var(--shadow-color)}[data-theme=dark] .tracker-item .edit-btn,[data-theme=dark] .tracker-item .delete-btn{background-color:#ffffffe5;color:#da1010;border:1px solid rgb(255 255 255 / 0%);border-radius:6px;padding:6px 12px;font-size:14px;cursor:pointer;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=dark] .tracker-item .delete-btn{padding:0;width:24px;height:24px;min-width:24px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}[data-theme=dark] .tracker-item .edit-btn:hover,[data-theme=dark] .tracker-item .delete-btn:hover{background-color:#ffd4d4e6}[data-theme=dark] .tracker-item .edit-btn:active,[data-theme=dark] .tracker-item .delete-btn:active{background-color:#5a5a5ae6}[data-theme=light] .tracker-item .edit-btn,[data-theme=light] .tracker-item .delete-btn{background-color:#fff;color:red;border-radius:6px;padding:6px 12px;font-size:14px;cursor:pointer;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .tracker-item .delete-btn{padding:0;width:24px;height:24px;min-width:24px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}[data-theme=light] .tracker-item .edit-btn:hover,[data-theme=light] .tracker-item .delete-btn:hover{background-color:#c9c9c9}[data-theme=light] .tracker-item .edit-btn:active,[data-theme=light] .tracker-item .delete-btn:active{background-color:silver}.edit-btn{background:rgba(200,200,200,.2);border-color:#c8c8c84d;color:var(--secondary-text)}.edit-btn:hover{background:rgba(200,200,200,.3)}.edit-btn:active{background:rgba(200,200,200,.4)}.save-btn{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.save-btn:hover{background:rgba(76,175,80,.2)}.save-btn:active{background:rgba(76,175,80,.3)}.cancel-btn{background:rgba(200,200,200,.2);border-color:#c8c8c84d;color:var(--secondary-text)}.cancel-btn:hover{background:rgba(200,200,200,.3)}.cancel-btn:active{background:rgba(200,200,200,.4)}.edit-input{padding:6px;border:1px solid #ddd;border-radius:4px;flex-grow:1;margin-right:8px}.notes-section{width:100%;margin-bottom:20px;border:1px solid var(--border-color);border-radius:8px;padding:20px;background-color:var(--card-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;flex-direction:column;height:75vh;gap:15px;box-sizing:border-box;overflow-x:hidden}@media (max-width: 768px){.notes-section{width:100%;margin:0 0 20px;border-radius:8px}}.notes-toggle,.notes-toggle:focus,.notes-toggle:focus-visible{outline:none!important}.notes-toggle{padding:10px 20px;border:1px solid rgba(200,200,200,.3);border-radius:6px;cursor:pointer;font-size:1rem;margin-bottom:15px;display:block;width:fit-content;flex-shrink:0;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;text-align:center;background:rgba(200,200,200,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 3px var(--glass-shadow);color:var(--secondary-text)}.notes-toggle:hover{background:rgba(200,200,200,.3);box-shadow:0 3px 4px var(--glass-shadow)}.notes-toggle:active{transform:translateY(1px);box-shadow:0 2px 4px var(--glass-shadow)}.notes-editor-container{display:flex;flex-direction:row;width:100%;max-width:100%;margin:0;gap:20px;flex-grow:1;box-sizing:border-box;overflow:hidden;min-height:0;height:100%}.notes-sidebar{width:240px;flex:0 0 240px;display:flex;flex-direction:column;border-right:1px solid var(--border-color);padding-right:20px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;max-height:100%;gap:12px;padding-top:10px}.new-note-btn{padding:10px;border:1px solid var(--success-border);border-radius:6px;cursor:pointer;margin-bottom:15px;text-align:center;font-size:15px;flex-shrink:0;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;display:block;width:100%;background:var(--success-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 6px var(--glass-shadow);color:var(--success-text)}.new-note-btn:hover{background:rgba(76,175,80,.2);box-shadow:0 6px 8px var(--glass-shadow)}.new-note-btn:active{transform:translateY(1px);box-shadow:0 2px 4px var(--glass-shadow)}.notes-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex-grow:1}.note-item{padding:8px 10px;margin-bottom:5px;border-radius:4px;cursor:pointer;border:1px solid transparent;display:flex;justify-content:space-between;align-items:center;word-break:break-word}.note-item:hover{background-color:#000}.note-item.active{background-color:#6464644d;color:var(--primary-text);border-color:transparent}.note-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000!important}.note-title-input{flex-grow:1;padding:4px 6px;border:1px solid #ccc;border-radius:3px;font-size:14px;background-color:#fff;color:var(--text-color)}.note-title-input{flex-grow:1;padding:6px 8px;font-size:14px}.note-title-container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.delete-note-btn{padding:0;width:24px;height:24px;border:1px solid var(--danger-border);border-radius:50%;font-size:18px;font-weight:700;cursor:pointer;flex-shrink:0;line-height:1;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;background:var(--danger-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 3px var(--glass-shadow);color:var(--danger-text)}.note-item.active .delete-note-btn{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.delete-note-btn:hover{background:rgba(244,67,54,.2);box-shadow:0 3px 4px var(--glass-shadow);color:var(--danger-text)}.delete-note-btn:active{transform:translateY(1px);box-shadow:0 1px 2px var(--glass-shadow)}.no-notes-message{padding:10px;color:#6c757d;font-style:italic;text-align:center}.notes-main-content{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;box-sizing:border-box;overflow:hidden;height:100%}.notes-view-controls{display:flex;gap:10px;margin-bottom:10px;flex-shrink:0}.toggle-all-btn{display:block;margin:0 auto}.add-stopwatch-btn{display:none}.name-edit input,.name-edit button{display:none!important}.stopwatch h3{pointer-events:none;-webkit-user-select:none;user-select:none}.view-toggle{padding:5px 10px;border:1px solid rgba(200,200,200,.3);border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;background:rgba(200,200,200,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 3px var(--glass-shadow);color:var(--secondary-text)}.view-toggle:hover{background:rgba(200,200,200,.3);box-shadow:0 3px 4px var(--glass-shadow)}.view-toggle:active{transform:translateY(1px);box-shadow:0 1px 2px var(--glass-shadow)}.view-toggle.active{background:var(--glass-bg);border-color:var(--glass-border);color:var(--primary-text);box-shadow:0 4px 6px var(--glass-shadow)}.notes-editor-preview-area{display:flex;flex-direction:row;gap:15px;flex-grow:1;min-height:0;overflow:hidden;width:100%;height:100%}.note-textarea{width:500px;padding:10px;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:14px;background-color:#ffffffb3;color:var(--text-color);resize:none;overflow-y:auto;min-height:150px;box-sizing:border-box}.markdown-preview-pane{width:100%;height:100%;padding:20px;border:1px solid var(--border-color);border-radius:4px;background-color:#ffffffb3;overflow-y:auto;box-sizing:border-box;font-size:14px}.note-textarea:only-child,.markdown-preview-pane:only-child{flex-basis:100%}.no-note-selected{display:flex;align-items:center;justify-content:center;flex-grow:1;color:var(--secondary-text);font-style:italic;font-size:16px;text-align:center;background-color:#e9ecef80;border-radius:4px}.markdown-preview-pane h1,.markdown-preview-pane h2,.markdown-preview-pane h3{margin-top:.5em;margin-bottom:.5em;line-height:1.2}.markdown-preview-pane p{margin-bottom:1em}.markdown-p预览-pane ul,.markdown-preview-pane ol{padding-left:1.5em;margin-bottom:1em}.markdown-preview-pane code{background-color:#e9ecef80;padding:.2em .4em;border-radius:3px;font-size:85%}.markdown-preview-pane pre{background-color:#e9ecef80;padding:1em;border-radius:4px;overflow-x:auto;margin-bottom:1em}.markdown-preview-pane blockquote{border-left:4px solid var(--border-color);padding-left:1em;margin-left:0;color:var(--secondary-text);margin-bottom:1em}.chatbot-section{position:fixed;bottom:20px;right:20px;z-index:1000}.chatbot-bubble{width:60px;height:60px;border-radius:50%;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:0 4px 10px var(--glass-shadow);color:var(--primary-text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0003;transition:all .3s ease}.chatbot-bubble:hover{transform:scale(1.1)}.chat-container{border:1px solid var(--border-color);border-radius:8px;background-color:var(--card-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 4px 10px var(--shadow-color);display:flex;flex-direction:column;height:400px;width:350px;position:absolute;top:70px;left:0;display:none;overflow:hidden}.resize-handle-tl{position:absolute;top:0;left:0;width:10px;height:10px;background:rgba(150,150,150,.5);cursor:nwse-resize;border-bottom-right-radius:3px;z-index:10}.chat-container.visible{display:flex}.chat-header{background-color:#323232b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#fff;padding:15px;border-top-left-radius:8px;border-top-right-radius:8px;font-size:20px;text-align:center}.chat-body{padding:20px;flex:1;overflow-y:auto}.chat-message{margin-bottom:15px;display:flex;flex-direction:column}.chat-message.user .message-text{background-color:#c8c8c866;color:var(--primary-text);align-self:flex-end}.chat-message.bot .message-text{background-color:#c8c8c866;color:var(--text-color);align-self:flex-start}.message-text{padding:10px 15px;border-radius:15px;max-width:80%;word-wrap:break-word}.chat-footer{padding:15px;border-top:1px solid var(--border-color);background-color:var(--card-bg);display:flex;gap:10px}.chat-footer input[type=text]{flex:1;padding:10px 15px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--card-bg);color:var(--text-color);font-size:1rem}.chat-footer button{padding:10px 20px;border:1px solid var(--glass-border);border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 6px var(--glass-shadow);color:var(--primary-text)}.chat-footer button:hover{background:var(--hover-bg);box-shadow:0 6px 8px var(--glass-shadow)}.chat-footer button:active{transform:translateY(1px);box-shadow:0 2px 4px var(--glass-shadow)}.typing-indicator{display:flex;align-items:center;gap:4px}.typing-indicator .dots{display:flex;gap:2px}.typing-indicator .dots span{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--text-color);animation:typing-dots 1.4s infinite ease-in-out}.typing-indicator .dots span:nth-child(1){animation-delay:0s}.typing-indicator .dots span:nth-child(2){animation-delay:.2s}.typing-indicator .dots span:nth-child(3){animation-delay:.4s}@keyframes typing-dots{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-4px);opacity:1}}@media (max-width: 768px){.app{padding:10px;max-width:100%}.main-content{flex-direction:column;gap:15px}.left-panel,.right-panel{min-width:0;width:100%}.tools-panel{grid-template-columns:1fr;gap:15px;margin-top:20px}.chatbot-card{grid-column:span 1}.btn{padding:12px 24px;font-size:1.1rem}.calculator-grid .btn{padding:15px 10px;font-size:1.1rem}.delete-btn,.tool-toggle-btn,.counter-actions button,.stopwatch-actions button,.delete-note-btn{width:30px;height:30px;font-size:1rem}.theme-toggle{width:44px;height:44px;font-size:1.4rem}.notes-section{padding:10px;margin-bottom:10px}.notes-toggle{padding:12px 24px;font-size:1.1rem;margin-bottom:10px}.notes-editor-container{flex-direction:column;min-height:80vh;gap:15px;overflow-x:hidden}.notes-sidebar{width:100%;flex:0 0 auto;border-right:none;border-bottom:1px solid var(--border-color);padding:0 0 10px;max-height:30vh}.new-note-btn{padding:12px;font-size:1.1rem}.note-item{padding:12px 15px;margin-bottom:8px;font-size:1.1rem}.note-title-input{font-size:1.1rem;padding:8px 10px}.delete-btn{width:30px;height:30px;font-size:1.2rem}.notes-main-content{flex-grow:1;min-height:50vh;overflow-x:hidden}.notes-view-controls{gap:12px}.view-toggle{padding:8px 16px;font-size:1rem}.notes-editor-preview-area{flex-direction:column;gap:15px}.note-textarea,.markdown-preview-pane{width:100%!important;min-height:200px;font-size:1.1rem;padding:12px}.no-note-selected{font-size:1.2rem;padding:20px}.tracker-stats .log-form{gap:15px}.tracker-stats .log-form input,.tracker-stats .log-form button{flex-basis:100%;min-width:0;font-size:1.1rem;padding:12px}.tracker-stats .log-form input[type=date]{flex-basis:auto}.tracker-stats .timeframe-form,.tracker-stats .average-timeframe-form{grid-template-columns:1fr;gap:10px}.tracker-stats .timeframe-form label,.tracker-stats .average-timeframe-form label{text-align:left}.tracker-stats .timeframe-form button{justify-self:stretch}.tracker-stats .date-label{margin-right:10px}.chatbot-section{bottom:10px;right:10px}.chatbot-bubble{width:50px;height:50px}.chat-container{width:calc(100vw - 20px);height:calc(100vh - 80px);max-width:400px;max-height:600px;bottom:65px;right:0}}.centered-tools-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;margin-top:30px}.centered-tools-container>.clicker-counter,.centered-tools-container>.mini-calculator{width:100%;max-width:400px;margin-top:0!important}.tracker-stats .timeframe-form #logValue{width:auto;max-width:130px}.centered-tools-container{flex-direction:row;align-items:flex-start;justify-content:center}.log-value-label{margin-right:10px}.message-text.loading-placeholder{opacity:.6;font-style:italic}[data-theme=dark] .note-item.active{background-color:#ddd;border-color:#505050}[data-theme=dark] .note-item.active .note-title{color:#111!important;background-color:transparent!important}[data-theme=dark] .export-btn,[data-theme=dark] .import-btn{background-color:var(--glass-bg);border-color:var(--glass-border);color:var(--primary-text);box-shadow:0 4px 6px var(--glass-shadow);padding:10px 20px}[data-theme=dark] .export-btn:hover,[data-theme=dark] .import-btn:hover{background-color:var(--hover-bg);box-shadow:0 6px 8px var(--glass-shadow)}[data-theme=dark] .export-btn:active,[data-theme=dark] .import-btn:active{background-color:var(--active-bg);box-shadow:0 2px 4px var(--glass-shadow)}.tracker-stats{padding:20px;display:flex;flex-direction:column;gap:25px}.tracker-stats h2{margin-bottom:15px;text-align:center}.tracker-stats .log-form,.tracker-stats .timeframe-form,.tracker-stats .average-timeframe-form,.tracker-stats .stats,.tracker-stats .logs-list{padding:15px;border:1px solid var(--border-color);border-radius:8px;background-color:#00000005;display:flex;flex-direction:column;gap:15px}.tracker-stats .log-form{flex-direction:row;flex-wrap:wrap;align-items:center}.tracker-stats .timeframe-form div,.tracker-stats .average-timeframe-form div{display:flex;align-items:center;gap:10px;width:100%}.tracker-stats .timeframe-form label,.tracker-stats .average-timeframe-form label{width:140px;text-align:right}.tracker-stats .timeframe-form input,.tracker-stats .average-timeframe-form input{flex-grow:1}.tracker-stats .timeframe-form #logValue{flex-grow:0;width:100px}.tracker-stats .stats p{margin:0}.tracker-stats .logs-list h3{margin:0 0 10px}.tracker-item input[type=number],.tracker-item input[type=text]{margin-right:10px;padding:6px 8px}.tracker-stats .log-form button,.tracker-stats .timeframe-form button{margin-left:auto;margin-top:10px}.tracker-stats .timeframe-form button{align-self:flex-end}.tracker-stats .stats button{align-self:flex-start}.tracker-stats .recharts-wrapper{margin-top:20px}.notes-standalone-container{padding:0;margin:20px 0;background:none;border:none;box-shadow:none}.notes-standalone-container h2{margin:0 0 10px;color:var(--text-primary);font-size:1.5rem}.progress-bar-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:15px;padding:25px;margin:20px 0;box-shadow:0 8px 32px #0000001a;color:#fff}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.progress-bar-header h3{margin:0;font-size:1.5rem;font-weight:600}.timeframe-info{font-size:.9rem;opacity:.9}.progress-content{display:flex;gap:30px;align-items:flex-start}.progress-left{flex:2;min-width:0}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:20px}.stat{text-align:center}.stat-label{display:block;font-size:.85rem;opacity:.8;margin-bottom:5px}.stat-value{display:block;font-size:1.2rem;font-weight:600}.progress-bar-wrapper{margin:20px 0}.progress-bar{background:rgba(255,255,255,.2);border-radius:25px;height:30px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#4facfe 0%,#00f2fe 100%);height:100%;border-radius:25px;transition:width .6s ease;display:flex;align-items:center;justify-content:center;position:relative}.progress-text{color:#fff;font-weight:600;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.progress-message{text-align:center;margin-top:15px}.success-message{color:#4ade80;font-weight:600;font-size:1.1rem}.progress-message-text{opacity:.9;font-size:.95rem}.adherence-section{flex:1;min-width:200px;background:rgba(255,255,255,.1);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.adherence-header{margin-bottom:15px}.adherence-header h4{margin:0;font-size:1.1rem;font-weight:600;text-align:center;opacity:.9}.adherence-visual{display:flex;flex-direction:column;align-items:center;gap:15px}.metallic-bar-container{display:flex;flex-direction:column;align-items:center;gap:10px}.metallic-bar{width:50px;height:80px;background:#c0c0c0;border-radius:8px;transition:all .5s ease;box-shadow:inset 0 0 15px #ffffff4d,inset 0 0 30px #ffffff1a;position:relative;overflow:hidden}.metallic-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.2) 100%);border-radius:inherit}.adherence-text{text-align:center}.adherence-percentage{font-size:2rem;font-weight:700;color:#fff;margin-bottom:5px;text-shadow:0 0 15px rgba(255,255,255,.3);line-height:1}.adherence-label{font-size:.9rem;font-weight:500;color:#fffc;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.progress-bar-container{padding:20px;margin:15px 0}.progress-bar-header{flex-direction:column;align-items:flex-start;gap:10px}.progress-content{flex-direction:column;gap:20px}.progress-stats{grid-template-columns:1fr;gap:10px}.progress-bar-header h3{font-size:1.3rem}.adherence-section{min-width:auto;padding:15px}.metallic-bar{width:40px;height:60px}.adherence-percentage{font-size:1.5rem}}@media (max-width: 480px){.progress-content{gap:15px}.adherence-section{padding:12px}.metallic-bar{width:35px;height:50px}.adherence-percentage{font-size:1.3rem}.adherence-label{font-size:.8rem}}.adherence-display{display:flex;align-items:center;justify-content:space-between;padding:2rem 3rem;background:#3a3f47;border-radius:20px;margin:1rem 0;box-shadow:0 8px 32px #0006;min-height:120px;width:100%;box-sizing:border-box}.left-section{display:flex;flex-direction:column;gap:1rem;flex:1;max-width:200px}.metallic-bar{width:80px;height:140px;border-radius:12px;transition:all .5s ease;position:relative;overflow:hidden}.metallic-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.1) 100%);border-radius:inherit;pointer-events:none;z-index:1;mix-blend-mode:overlay;opacity:.3}.temp-indicator{width:160px;height:8px;background:#2a2e35;border-radius:4px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.temp-fill{height:100%;transition:all .5s ease;border-radius:4px;min-width:2px}.right-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-left:2rem}.percentage{font-size:4rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 0 20px rgba(255,255,255,.3);line-height:1}.label{font-size:1.8rem;font-weight:500;color:#b0b8c1;opacity:.9;text-transform:uppercase;letter-spacing:.1em}@media (max-width: 768px){.adherence-display{flex-direction:column;gap:1.5rem;padding:1.5rem;text-align:center}.left-section{align-items:center;max-width:none}.metallic-bar{width:60px;height:100px}.temp-indicator{width:120px}.right-section{padding-left:0}.percentage{font-size:3rem}.label{font-size:1.4rem}}@media (max-width: 480px){.adherence-display{padding:1rem}.metallic-bar{width:50px;height:80px}.temp-indicator{width:100px;height:6px}.percentage{font-size:2.5rem}.label{font-size:1.2rem}}.notes-container{padding:0;margin:20px 0;background:none;border:none;box-shadow:none}.notes-container h2{margin:0 0 10px;color:var(--text-primary);font-size:1.5rem}.notes-toggle-container{display:flex;justify-content:center;margin-bottom:20px}.notes-content{animation:fadeIn .3s ease;display:flex;gap:20px;background:var(--bg-primary);border-radius:8px;padding:15px;border:1px solid var(--border-color);box-sizing:border-box;overflow-x:hidden;max-width:100vw;width:100%}.notes-sidebar{width:250px;flex-shrink:0;border-right:1px solid var(--border-color);padding-right:15px;box-sizing:border-box}.note-item{padding:12px 15px;margin-bottom:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.note-title{font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;word-wrap:break-word}.notes-main{flex:1;min-width:0;box-sizing:border-box}.note-preview{height:100%;display:flex;flex-direction:column;box-sizing:border-box}.note-title-display{margin:0 0 15px;color:var(--accent-color);font-size:1.3rem;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.note-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px;background-color:#ffffffb3;border-radius:6px;border:1px solid var(--border-color);line-height:1.5;box-sizing:border-box;max-width:100%;word-wrap:break-word;width:100%;text-align:left;margin:0 auto}.note-content h1,.note-content h2,.note-content h3,.note-content h4,.note-content h5,.note-content h6{margin-top:.8em;margin-bottom:.4em;color:var(--accent-color);line-height:1.3}.note-content h1{font-size:1.6em}.note-content h2{font-size:1.4em}.note-content h3{font-size:1.2em}.note-content p{margin:0 0 .8em}.note-content ul,.note-content ol{margin:0 0 .8em;padding-left:2em}.note-content li{margin-bottom:.3em}.note-content code{background-color:#00000014;padding:.15em .4em;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.note-content pre{background-color:#00000014;padding:.8em;border-radius:4px;overflow-x:auto;margin:.8em 0;font-size:.9em}.note-content blockquote{border-left:4px solid var(--accent-color);padding-left:1em;margin:.8em 0;color:var(--text-secondary);font-style:italic}.no-note-selected{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);font-style:italic;font-size:16px;text-align:center;background-color:#e9ecef80;border-radius:6px;border:1px solid var(--border-color)}@media (max-width: 768px){.notes-container{width:100%;max-width:768px;margin:10px auto;padding:0;box-sizing:border-box}.notes-content{flex-direction:column;gap:15px;padding:0;overflow-x:hidden;width:100%;margin:0 auto}.notes-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);padding-right:0;padding-bottom:15px;box-sizing:border-box}.notes-list{max-height:200px}.note-item{padding:15px;font-size:16px}.note-title{font-size:16px;max-width:100%;word-wrap:break-word}.note-title-display{font-size:1.2rem;margin-bottom:10px}.note-content{min-height:200px;font-size:16px;padding:15px;max-width:100%;word-wrap:break-word;text-align:left;margin:0 auto}.no-note-selected{height:150px;font-size:1.1rem;padding:20px}.notes-toggle-btn{padding:12px 24px;font-size:1.1rem}}[data-theme=dark] .note-content{background-color:#1e1e1eb3;color:var(--text-color)}[data-theme=dark] .note-item.active{background-color:var(--accent-color);color:#fff}[data-theme=dark] .note-item.active .note-title{color:#fff}[data-theme=dark] .no-note-selected{background-color:#32323280;color:var(--text-secondary)}.daily-plan-container{padding:0;margin:20px 0;background:none;border:none;box-shadow:none}.daily-plan-container h2{margin:0 0 10px;color:var(--text-primary);font-size:1.5rem}.toggle-button{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:14px;padding:0;margin-bottom:15px}.toggle-button:hover{text-decoration:underline}.daily-plan-content{animation:fadeIn .3s ease}.admin-controls{margin-bottom:15px;display:flex;gap:10px}.edit-btn,.save-btn,.cancel-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.edit-btn{background:var(--accent-color);color:#fff}.save-btn{background:#10b981;color:#fff}.cancel-btn{background:#ef4444;color:#fff}.edit-btn:hover,.save-btn:hover,.cancel-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.plan-display{background:var(--bg-primary);border-radius:8px;padding:15px;border:1px solid var(--border-color)}.plan-editor{width:100%;min-height:200px;padding:10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;resize:vertical}.plan-editor:focus{outline:none;border-color:var(--accent-color)}.plan-text{line-height:1.5;color:var(--text-primary)}.plan-text h1,.plan-text h2,.plan-text h3,.plan-text h4,.plan-text h5,.plan-text h6{margin-top:.8em;margin-bottom:.4em;color:var(--accent-color);line-height:1.3}.plan-text h1{font-size:1.6em}.plan-text h2{font-size:1.4em}.plan-text h3{font-size:1.2em}.plan-text p{margin:0 0 .8em}.plan-text ul,.plan-text ol{margin:0 0 .8em;padding-left:2em}.plan-text li{margin-bottom:.3em}.plan-text code{background-color:#00000014;padding:.15em .4em;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.plan-text pre{background-color:#00000014;padding:.8em;border-radius:4px;overflow-x:auto;margin:.8em 0;font-size:.9em}.plan-text blockquote{border-left:4px solid var(--accent-color);padding-left:1em;margin:.8em 0;color:var(--text-secondary);font-style:italic}.daily-plan-loading{text-align:center;padding:20px;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.daily-plan-container{margin:10px;padding:15px}.daily-plan-header{flex-direction:column;align-items:flex-start;gap:10px}}.user-plan-editor{padding:20px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);margin:20px 0}.user-plan-editor h3{margin:0 0 20px;color:var(--text-primary);font-size:1.4rem}.plan-editor-section{margin-bottom:20px}.plan-editor-section label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.if-multiplier-input{width:100px;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.plan-textarea{width:100%;min-height:300px;padding:12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;resize:vertical}.plan-textarea:focus{outline:none;border-color:var(--accent-color)}.save-plan-btn,.cancel-changes-btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.save-plan-btn{background:var(--accent-color);color:#fff}.save-plan-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.cancel-changes-btn{background:#6c757d;color:#fff}.cancel-changes-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.save-plan-btn:disabled,.cancel-changes-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.editor-error{color:#dc3545;margin-top:10px;padding:10px;background:rgba(220,53,69,.1);border-radius:4px}.user-plan-editor-loading,.user-plan-editor-error{padding:20px;text-align:center;color:var(--text-secondary)}.user-notes-editor{padding:20px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);margin:20px 0}.user-notes-editor h3{margin:0 0 20px;color:var(--text-primary);font-size:1.4rem}.notes-management-area{display:flex;gap:20px;min-height:500px}.notes-list-panel{width:250px;flex-shrink:0;border-right:1px solid var(--border-color);padding-right:15px}.notes-list-panel h4{margin:0 0 15px;color:var(--text-primary);font-size:1.1rem}.notes-list{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto}.note-item{padding:12px 15px;margin-bottom:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;justify-content:space-between;align-items:center}.note-item:hover{background-color:var(--hover-bg);border-color:var(--border-color)}.note-item.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.note-title{font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.delete-note-btn{background:none;border:none;color:inherit;font-size:16px;cursor:pointer;padding:0;margin-left:10px;opacity:.7;transition:opacity .2s ease}.note-item:hover .delete-note-btn{opacity:1}.no-notes-message{padding:20px;color:var(--text-secondary);font-style:italic;text-align:center}.note-editor-panel{flex:1;min-width:0}.note-editor-panel h4{margin:0 0 15px;color:var(--text-primary);font-size:1.1rem}.note-title-input{width:100%;padding:10px 12px;margin-bottom:15px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.note-content-textarea{width:100%;min-height:300px;padding:12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;resize:vertical}.note-content-textarea:focus{outline:none;border-color:var(--accent-color)}.editor-actions{display:flex;gap:10px;margin-top:20px}.save-note-btn,.cancel-edit-btn,.add-note-btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.save-note-btn,.add-note-btn{background:var(--accent-color);color:#fff}.save-note-btn:hover:not(:disabled),.add-note-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.cancel-edit-btn{background:#6c757d;color:#fff}.cancel-edit-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.save-note-btn:disabled,.cancel-edit-btn:disabled,.add-note-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-notes-editor-loading,.user-notes-editor-error{padding:20px;text-align:center;color:var(--text-secondary)}.markdown-content{line-height:1.6;color:var(--text-primary)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:.8em;margin-bottom:.4em;color:var(--accent-color);line-height:1.3;font-weight:600}.markdown-content h1{font-size:1.6em}.markdown-content h2{font-size:1.4em}.markdown-content h3{font-size:1.2em}.markdown-content h4{font-size:1.1em}.markdown-content h5{font-size:1em}.markdown-content h6{font-size:.9em}.markdown-content p{margin:0 0 .8em}.markdown-content ul,.markdown-content ol{margin:0 0 .8em;padding-left:2em}.markdown-content li{margin-bottom:.3em}.markdown-content code{background-color:#00000014;padding:.15em .4em;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.markdown-content pre{background-color:#00000014;padding:.8em;border-radius:4px;overflow-x:auto;margin:.8em 0;font-size:.9em}.markdown-content blockquote{border-left:4px solid var(--accent-color);padding-left:1em;margin:.8em 0;color:var(--text-secondary);font-style:italic}.markdown-content table{border-collapse:collapse;width:100%;margin:.8em 0}.markdown-content th,.markdown-content td{border:1px solid var(--border-color);padding:8px 12px;text-align:left}.markdown-content th{background-color:#0000000d;font-weight:600}@media (max-width: 768px){.notes-management-area{flex-direction:column;gap:15px}.notes-list-panel{width:100%;border-right:none;border-bottom:1px solid var(--border-color);padding-right:0;padding-bottom:15px}.notes-list{max-height:200px}.note-item{padding:15px;font-size:16px}.note-title{font-size:16px}.note-content-textarea{min-height:200px;font-size:16px}}[data-theme=dark] .markdown-content code,[data-theme=dark] .markdown-content pre,[data-theme=dark] .markdown-content th{background-color:#ffffff1a}.user-trackers-editor{display:flex;flex-direction:column;gap:1.5rem}.user-trackers-editor h3{margin-top:0;font-size:1.4rem;color:var(--text-primary)}.user-trackers-editor .editing-user-email{color:var(--accent-color);font-weight:600}.trackers-management-area{display:grid;grid-template-columns:1fr 350px;gap:1.5rem;min-height:400px}.trackers-list-panel{background-color:var(--bg-primary);border-radius:8px;padding:1rem;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.trackers-list-panel h4{margin-top:0;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;color:var(--text-secondary)}.trackers-list{list-style:none;padding:0;margin:0}.tracker-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background-color:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color);transition:background-color .2s ease}.tracker-item:hover{background-color:var(--bg-hover)}.tracker-info{display:flex;flex-direction:column;gap:.25rem}.tracker-name{font-weight:600;color:var(--text-primary)}.tracker-unit{color:var(--text-secondary);font-size:.9em}.tracker-goal{color:var(--accent-color);font-size:.9em}.delete-tracker-btn{background-color:#ef4444;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;cursor:pointer;transition:background-color .2s ease}.delete-tracker-btn:hover{background-color:#dc2626}.no-trackers-message{color:var(--text-secondary);font-style:italic;text-align:center;padding:1rem}.tracker-editor-panel{background-color:var(--bg-primary);border-radius:8px;padding:1.5rem;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.tracker-editor-panel h4{margin-top:0;margin-bottom:.5rem;color:var(--text-secondary)}.tracker-form{display:flex;flex-direction:column;gap:1rem}.tracker-name-input,.tracker-unit-input,.tracker-goal-input,.tracker-timeframe-start-input,.tracker-timeframe-end-input,.tracker-total-log-value-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:1rem}.tracker-name-input:focus,.tracker-unit-input:focus,.tracker-goal-input:focus,.tracker-timeframe-start-input:focus,.tracker-timeframe-end-input:focus,.tracker-total-log-value-input:focus{outline:none;border-color:var(--accent-color)}.add-tracker-btn{padding:.75rem 1.5rem;background-color:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease}.add-tracker-btn:hover{background-color:#059669;transform:translateY(-1px)}.user-trackers-editor-loading,.user-trackers-editor-error{text-align:center;font-size:1.2rem;padding:2rem;color:var(--text-secondary)}.user-trackers-editor-error{color:#ef4444}.edit-tracker-btn{background-color:#3b82f6;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;cursor:pointer;transition:background-color .2s ease;margin-right:.5rem}.edit-tracker-btn:hover{background-color:#2563eb}.tracker-actions{display:flex;gap:.5rem}.tracker-edit-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.edit-tracker-name-input,.edit-tracker-unit-input,.edit-tracker-goal-input,.edit-tracker-timeframe-start-input,.edit-tracker-timeframe-end-input,.edit-tracker-total-log-value-input{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:.9rem}.edit-tracker-name-input:focus,.edit-tracker-unit-input:focus,.edit-tracker-goal-input:focus,.edit-tracker-timeframe-start-input:focus,.edit-tracker-timeframe-end-input:focus,.edit-tracker-total-log-value-input:focus{outline:none;border-color:var(--accent-color)}.edit-actions{display:flex;gap:.5rem}.save-edit-btn{background-color:#10b981;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.8rem;cursor:pointer;transition:background-color .2s ease}.save-edit-btn:hover{background-color:#059669}.cancel-edit-btn{background-color:#6b7280;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.8rem;cursor:pointer;transition:background-color .2s ease}.cancel-edit-btn:hover{background-color:#4b5563}@media (max-width: 992px){.trackers-management-area{grid-template-columns:1fr}}.user-tracker-logs-viewer{padding:20px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);margin:20px 0}.user-tracker-logs-viewer h3{margin:0 0 20px;color:var(--text-primary);font-size:1.4rem}.editing-user-email{color:var(--accent-color);font-weight:600}.logs-controls{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end}.control-group{display:flex;flex-direction:column;gap:5px}.control-group label{font-weight:600;color:var(--text-primary);font-size:14px}.tracker-select,.date-filter-input,.sort-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;min-width:150px}.clear-filter-btn{padding:8px 12px;margin-left:10px;border:1px solid var(--border-color);border-radius:4px;background:#6c757d;color:#fff;cursor:pointer;font-size:12px}.clear-filter-btn:hover{background:#5a6268}.tracker-info{margin-bottom:20px;padding:15px;background:rgba(0,0,0,.05);border-radius:6px}.tracker-info h4{margin:0 0 10px;color:var(--accent-color);font-size:1.2rem}.tracker-goal{margin:0;color:var(--text-secondary);font-weight:600}.logs-stats{margin-bottom:20px;padding:15px;background:rgba(0,0,0,.05);border-radius:6px}.logs-stats h4{margin:0 0 15px;color:var(--text-primary);font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:10px;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color)}.stat-label{font-size:12px;color:var(--text-secondary);margin-bottom:5px}.stat-value{font-size:18px;font-weight:600;color:var(--accent-color)}.logs-list{margin-top:20px}.logs-list h4{margin:0 0 15px;color:var(--text-primary);font-size:1.1rem}.no-logs-message{padding:20px;color:var(--text-secondary);font-style:italic;text-align:center}.logs-container{display:flex;flex-direction:column;gap:10px}.log-item{padding:15px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary)}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.log-date{font-weight:600;color:var(--accent-color)}.log-value{font-size:16px;font-weight:600;color:var(--text-primary)}.log-comment{margin-top:8px;padding:8px;background:rgba(0,0,0,.05);border-radius:4px;font-size:14px;line-height:1.4}.delete-log-btn{padding:4px 8px;margin-top:8px;border:none;border-radius:3px;background:#dc3545;color:#fff;font-size:12px;cursor:pointer}.delete-log-btn:hover{background:#c82333}.user-tracker-logs-loading,.user-tracker-logs-error{padding:20px;text-align:center;color:var(--text-secondary)}.log-comment .markdown-content{line-height:1.4;color:var(--text-primary)}.log-comment .markdown-content h1,.log-comment .markdown-content h2,.log-comment .markdown-content h3,.log-comment .markdown-content h4,.log-comment .markdown-content h5,.log-comment .markdown-content h6{margin-top:.5em;margin-bottom:.3em;color:var(--accent-color);font-size:1em}.log-comment .markdown-content p{margin:0 0 .5em}.log-comment .markdown-content ul,.log-comment .markdown-content ol{margin:0 0 .5em;padding-left:1.5em}.log-comment .markdown-content code{background-color:#00000014;padding:.1em .3em;border-radius:2px;font-family:Courier New,monospace;font-size:.9em}.log-comment .markdown-content pre{background-color:#00000014;padding:.5em;border-radius:3px;overflow-x:auto;margin:.5em 0;font-size:.9em}@media (max-width: 768px){.logs-controls{flex-direction:column;align-items:stretch}.control-group,.tracker-select,.date-filter-input,.sort-select{width:100%}.stats-grid{grid-template-columns:1fr}.log-header{flex-direction:column;align-items:flex-start;gap:5px}}[data-theme=dark] .logs-stats,[data-theme=dark] .tracker-info,[data-theme=dark] .stat-item{background-color:#ffffff0d}.admin-dashboard{padding:2rem;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}.admin-dashboard h1{text-align:center;margin-bottom:2rem;font-size:2.5rem;color:var(--accent-color)}.dashboard-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;max-width:1400px;margin:0 auto}.user-list-panel{background-color:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);height:fit-content;max-height:80vh;overflow-y:auto}.user-list-panel h2{margin-top:0;margin-bottom:1.5rem;border-bottom:2px solid var(--accent-color);padding-bottom:.5rem}.user-list{list-style:none;padding:0;margin:0}.user-list li{padding:1rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.user-list li:last-child{border-bottom:none}.user-list li:hover{background-color:var(--bg-hover)}.user-list li.selected{background-color:var(--accent-color);color:#fff;font-weight:700}.user-email{display:block;font-size:.9rem;margin-bottom:4px}.user-id{display:block;font-size:.75rem;opacity:.7}.plan-editor-panel{background-color:var(--bg-secondary);border-radius:12px;padding:2rem;border:1px solid var(--border-color)}.no-user-selected{display:flex;justify-content:center;align-items:center;height:100%;color:var(--text-secondary);font-size:1.2rem}.admin-dashboard-loading,.admin-dashboard-error{text-align:center;font-size:1.2rem;padding:2rem;color:var(--text-secondary)}.admin-dashboard-error{color:#ef4444}.editor-tabs{display:flex;gap:10px;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.editor-tab{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px 6px 0 0;background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:background-color .2s ease,color .2s ease}.editor-tab:hover{background-color:var(--hover-bg)}.editor-tab.active{background-color:var(--accent-color);color:#fff;font-weight:700;border-bottom-color:var(--accent-color)}.editor-content{flex-grow:1;overflow-y:auto}@media (max-width: 992px){.dashboard-layout{grid-template-columns:1fr}.user-list-panel{max-height:40vh}}.editor-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.editor-tab{padding:.75rem 1.25rem;border:none;background-color:transparent;color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:color .2s ease,border-bottom-color .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.editor-tab:hover{color:var(--accent-color)}.editor-tab.active{color:var(--accent-color);font-weight:700;border-bottom-color:var(--accent-color)}.impersonate-btn{margin-left:auto;padding:2px 8px;font-size:.8em;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer}.user-view-container{padding:2rem}.user-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.back-to-admin-btn{padding:.5rem 1rem;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer}