*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:#f5f3ef}html.dark-mode body{background:#0a0906;background-image:radial-gradient(ellipse at 20% 0%,rgba(212,175,55,.09) 0%,transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(200,150,10,.06) 0%,transparent 55%);background-attachment:fixed}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.auth-container{min-height:100svh;display:flex;align-items:center;justify-content:center;background:#0a0906;background-image:radial-gradient(ellipse at 20% 50%,rgba(212,175,55,.1) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(212,175,55,.07) 0%,transparent 50%);padding:max(20px,env(safe-area-inset-top,20px)) max(20px,env(safe-area-inset-right,20px)) max(20px,env(safe-area-inset-bottom,20px)) max(20px,env(safe-area-inset-left,20px))}.auth-card{background:#100e0ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(212,175,55,.25);border-radius:16px;padding:48px 40px;box-shadow:0 24px 64px #000000b3,0 0 48px #d4af371a,0 0 0 1px #d4af3714;width:100%;max-width:420px}.auth-mark{display:block;width:56px;height:56px;margin:0 auto 16px;border-radius:14px;filter:drop-shadow(0 0 24px rgba(212,175,55,.35))}.auth-card h1{margin:0;font-size:40px;font-weight:800;letter-spacing:-.03em;text-align:center;background:linear-gradient(135deg,#f0d060,#d4af37 60%,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 48px rgba(212,175,55,.25)}.auth-tagline{margin:4px 0 28px;font-size:13px;color:#8a7e68;text-align:center;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.auth-card h2{margin:0 0 36px;font-size:14px;color:#8a7e68;text-align:center;font-weight:400;letter-spacing:.03em;text-transform:uppercase}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:#c8bfa8;letter-spacing:.02em}.form-group input{padding:12px 14px;border:1px solid rgba(212,175,55,.2);border-radius:8px;font-size:15px;background:#1a1610;color:#f5f0e8;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder{color:#5a5040}.form-group input:focus{outline:none;border-color:#d4af3799;box-shadow:0 0 0 3px #d4af371a}.error-message{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:14px}.submit-button{padding:13px;background:linear-gradient(135deg,#d4af37,#b8860b);color:#1a1000;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #d4af374d;letter-spacing:.02em}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #d4af3773}.submit-button:disabled{opacity:.5;cursor:not-allowed}.auth-mode-toggle{display:block;width:100%;margin:20px 0 0;padding:8px;background:transparent;border:none;text-align:center;font-size:13px;font-weight:500;color:#8a7e68;cursor:pointer;transition:color .2s ease}.auth-mode-toggle:hover{color:#f0d060}.auth-hint{margin:0 0 28px;text-align:center;font-size:13px;line-height:1.6;color:#8a7e68}.auth-hint--tight{margin:8px 0 0}.auth-back{display:inline-flex;align-items:center;margin:0 0 1rem;padding:0;border:none;background:none;font-size:.85rem;font-weight:500;color:#8a7e68;cursor:pointer;transition:color .2s ease}.auth-back:hover{color:#f0d060}.landing{position:relative;min-height:100svh;overflow-x:clip;background:#0a0906;background-image:radial-gradient(ellipse at 20% 0%,rgba(212,175,55,.09) 0%,transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(200,150,10,.06) 0%,transparent 55%);color:#f5f0e4}.landing-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px);z-index:0}.landing-glow--left{width:520px;height:520px;top:-160px;left:-120px;background:radial-gradient(circle,rgba(200,150,10,.28) 0%,transparent 70%)}.landing-glow--right{width:480px;height:480px;top:40%;right:-140px;background:radial-gradient(circle,rgba(212,175,55,.22) 0%,transparent 70%)}.landing-glow--center{width:640px;height:320px;top:18%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(212,175,55,.08) 0%,transparent 70%)}.landing-header,.landing>main,.landing-footer{position:relative;z-index:1}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1120px;margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top,1.25rem)) max(1.5rem,env(safe-area-inset-right,1.5rem)) 1.25rem max(1.5rem,env(safe-area-inset-left,1.5rem))}.landing-header__brand{display:flex;align-items:center;gap:.65rem}.landing-header__wordmark{font-size:1.15rem;font-weight:700;letter-spacing:-.03em;color:#f0d060}.landing-eyebrow{margin:0 0 .75rem;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#c8960a}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:.55rem;padding:.72rem 1.15rem;font-size:.92rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,opacity .2s ease}.landing-btn:active{transform:scale(.98)}.landing-btn--primary{border:none;color:#1a1000;background:linear-gradient(to right,#d4af37,#c8960a);box-shadow:0 0 40px #d4af3759}.landing-btn--primary:hover{box-shadow:0 0 60px #d4af3766,0 0 120px #c8960a40}.landing-btn--ghost{border:1px solid rgba(212,175,55,.35);color:#f0d060;background:#d4af370f}.landing-btn--ghost:hover{border-color:#d4af37;background:#d4af3729;color:#f0d060}.landing-btn--outline{border:1px solid #2a2419;color:#c9bfa4;background:#100e0ab3}.landing-btn--outline:hover{border-color:#d4af3780;color:#f0d060}.landing-btn--lg{padding:.9rem 1.5rem;font-size:1rem}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:2.5rem;max-width:1120px;margin:0 auto;padding:2rem 1.5rem 4rem}.landing-hero__title{margin:0;font-size:clamp(2rem,5vw,3.35rem);line-height:1.08;letter-spacing:-.03em;font-weight:800;background:linear-gradient(135deg,#f5f0e4,#f0d060 55%,#c8960a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero__lead{margin:1.1rem 0 0;max-width:34rem;font-size:1.05rem;line-height:1.65;color:#8a7e65}.landing-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.landing-hero__note{margin:1rem 0 0;font-size:.88rem;color:#8a7e65}.landing-demo{position:relative;border-radius:1.1rem;border:1px solid rgba(212,175,55,.25);background:#080807eb;box-shadow:0 24px 64px #0009,0 0 40px #d4af371f;overflow:hidden;animation:landing-float 6s ease-in-out infinite}.landing-demo__chrome{display:flex;align-items:center;gap:.45rem;padding:.65rem .85rem;border-bottom:1px solid #2a2419;background:#0a0906fa}.landing-demo__dot{width:.55rem;height:.55rem;border-radius:50%;background:#3d3830}.landing-demo__dot--gold{background:#d4af37;box-shadow:0 0 10px #d4af3799}.landing-demo__url{margin-left:.5rem;font-size:.72rem;color:#8a7e65;font-family:Courier New,monospace}.landing-demo__body{display:grid;grid-template-columns:132px minmax(0,1fr);min-height:280px}.landing-demo__sidebar{padding:.85rem .65rem;border-right:1px solid #2a2419;background:#0003}.landing-demo__logo-row{display:flex;align-items:center;gap:.45rem;margin-bottom:.85rem;font-size:.78rem;font-weight:700;color:#f0d060}.landing-demo__nav{padding:.42rem .55rem;margin-bottom:.25rem;border-radius:.45rem;font-size:.72rem;color:#8a7e65}.landing-demo__nav--active{color:#f0d060;background:#d4af3724;border:1px solid rgba(212,175,55,.25)}.landing-demo__main{padding:.85rem .95rem 1rem}.landing-demo__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.landing-demo__title{font-size:.95rem;font-weight:700;color:#f0d060}.landing-demo__badge{font-size:.65rem;font-weight:600;padding:.2rem .45rem;border-radius:999px;color:#34d399;background:#34d3991a;border:1px solid rgba(52,211,153,.25)}.landing-demo__quickadd{padding:.55rem .65rem;margin-bottom:.75rem;border-radius:.5rem;border:1px dashed rgba(212,175,55,.35);background:#d4af370f;font-size:.72rem;color:#c9bfa4;font-family:Courier New,monospace;animation:landing-pulse-border 2.8s ease-in-out infinite}.landing-demo__tasks{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.landing-demo__task{display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem;border-radius:.55rem;border:1px solid #2a2419;background:#00000040;font-size:.78rem;color:#c9bfa4;transition:border-color .3s ease,transform .3s ease}.landing-demo__task--focus{border-color:#d4af3766;box-shadow:0 0 24px #d4af3724;animation:landing-task-focus 4s ease-in-out infinite}.landing-demo__task--done{opacity:.55}.landing-demo__task--done span:nth-child(2){text-decoration:line-through}.landing-demo__check{width:.85rem;height:.85rem;border-radius:.2rem;border:2px solid #6b6560;flex-shrink:0}.landing-demo__check--done{border-color:#d4af37;background:linear-gradient(135deg,#f0d060,#c8960a)}.landing-demo__chip{margin-left:auto;font-size:.62rem;font-weight:700;padding:.15rem .4rem;border-radius:999px;color:#f0d060;background:#d4af3726;border:1px solid rgba(212,175,55,.25)}.landing-demo__shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(240,208,96,.06) 50%,transparent 60%);transform:translate(-120%);animation:landing-shine 5s ease-in-out infinite;pointer-events:none}.landing-features{max-width:1120px;margin:0 auto;padding:1rem 1.5rem 3rem}.landing-section-head h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.02em;color:#f5f0e4}.landing-features__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.75rem}.landing-feature-card{padding:1.25rem 1.15rem;border-radius:1rem;border:1px solid #2a2419;background:#100e0abf;box-shadow:0 4px 20px #00000059;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.landing-feature-card:hover{border-color:#d4af3766;transform:translateY(-2px);box-shadow:0 4px 20px #00000059,0 0 32px #d4af3724}.landing-feature-card__icon{display:inline-flex;font-size:1.35rem;margin-bottom:.65rem}.landing-feature-card h3{margin:0 0 .45rem;font-size:1rem;color:#f0d060}.landing-feature-card p{margin:0;font-size:.9rem;line-height:1.55;color:#8a7e65}.landing-cta{max-width:640px;margin:0 auto;padding:3rem 1.5rem 4rem;text-align:center}.landing-cta__logo{margin:0 auto 1rem;filter:drop-shadow(0 0 24px rgba(212,175,55,.35))}.landing-cta h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);color:#f5f0e4}.landing-cta p{margin:.65rem 0 1.35rem;color:#8a7e65}.landing-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;max-width:1120px;margin:0 auto;padding:1.25rem 1.5rem 2rem;border-top:1px solid #2a2419;font-size:.85rem;color:#8a7e65}.landing-footer a{color:#f0d060;text-decoration:none}.landing-footer__links{display:flex;flex-wrap:wrap;gap:.65rem 1rem}.landing-footer a:hover{text-decoration:underline}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes landing-shine{0%,to{transform:translate(-120%)}45%{transform:translate(120%)}}@keyframes landing-pulse-border{0%,to{border-color:#d4af3740}50%{border-color:#d4af378c}}@keyframes landing-task-focus{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@media(max-width:960px){.landing-hero{grid-template-columns:minmax(0,1fr)}.landing-features__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-demo__body{grid-template-columns:108px minmax(0,1fr)}}@media(max-width:640px){.landing-header{padding-inline:1rem}.landing-hero{padding-inline:1rem;padding-top:.5rem}.landing-hero__actions{flex-direction:column;align-items:stretch}.landing-features__grid{grid-template-columns:minmax(0,1fr)}.landing-btn{width:100%}}@media(prefers-reduced-motion:reduce){.landing-demo,.landing-demo__quickadd,.landing-demo__task--focus,.landing-demo__shine{animation:none}}.project-select{width:100%;padding:12px 40px 12px 16px;border:1.5px solid #ddd;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231976d2' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.project-select:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.project-select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}html.dark-mode .project-select{background-color:var(--bg-secondary)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23D4AF37' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important}.project-select option{padding:8px}.project-select option:disabled{color:#999;font-style:italic}.autocomplete-wrapper{position:relative;width:100%}.autocomplete-input{width:100%;padding:12px 16px;border:1.5px solid #ddd;border-radius:8px;font-size:1rem;transition:all .2s}.autocomplete-input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.autocomplete-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.autocomplete-suggestions{position:absolute;top:100%;left:0;right:0;max-height:250px;overflow-y:auto;background:#fff;border:1.5px solid #D4AF37;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #00000026;list-style:none;margin:0;padding:0;z-index:1000}.autocomplete-suggestions li{padding:10px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid #f0f0f0}.autocomplete-suggestions li:last-child{border-bottom:none}.autocomplete-suggestions li:hover{background:#d4af3714}.autocomplete-suggestions li.active{background:#d4af3726}.autocomplete-suggestions::-webkit-scrollbar{width:8px}.autocomplete-suggestions::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 0 8px}html.dark-mode .autocomplete-suggestions::-webkit-scrollbar-track{background:#d4af370d}.autocomplete-suggestions::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}.autocomplete-suggestions::-webkit-scrollbar-thumb:hover{background:#c8960a}.time-editor{background:#d4af370f;padding:20px;border-radius:12px;margin-top:12px;border:2px solid #F0D060}.time-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.time-field{display:flex;flex-direction:column;gap:6px}.time-field label{font-size:.9rem;font-weight:500;color:#555}.time-field input{padding:8px 12px;border:1.5px solid #ddd;border-radius:6px;font-size:.95rem}.time-field input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.time-editor-error{color:#f44336;font-size:.9rem;margin-bottom:12px;padding:8px;background:#ffebee;border-radius:4px}html.dark-mode .time-editor-error{color:#f87171;background:#ef44441a;border:1px solid rgba(239,68,68,.25)}.time-editor-actions{display:flex;gap:8px}.time-display{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.time-info{flex:1;display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:#666}.time-info strong{color:#333}html.dark-mode .time-info strong{color:#f5f0e4}.edit-time-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s;white-space:nowrap;box-shadow:0 2px 8px #fbbf244d}.edit-time-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}@media(max-width:768px){.time-editor-fields{grid-template-columns:1fr}.time-display{flex-direction:column}}.shortcuts-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.shortcuts-modal{background:#fff;border-radius:16px;max-width:600px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.shortcuts-header{padding:24px 28px;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#d4af37,#c8960a);color:#fff}.shortcuts-header h2{margin:0;font-size:1.5rem}.shortcuts-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.shortcuts-close:hover{background:#fff3}.shortcuts-list{padding:24px 28px;max-height:60vh;overflow-y:auto}.shortcut-item{display:flex;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid #f0f0f0}.shortcut-item:last-child{border-bottom:none}.shortcut-key{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:2px solid #bbb;border-radius:6px;padding:6px 12px;font-family:Courier New,monospace;font-size:.95rem;font-weight:700;color:#333;box-shadow:0 2px 4px #0000001a,inset 0 -2px #0000001a;min-width:100px;text-align:center;white-space:nowrap}html.dark-mode .shortcut-key{background:linear-gradient(135deg,#201c11,#17140d);border:2px solid rgba(212,175,55,.3);color:#f0d060;box-shadow:0 2px 4px #0006,inset 0 -2px #0000004d}html.dark-mode .shortcuts-list::-webkit-scrollbar-track{background:#d4af370d}.shortcut-description{flex:1;color:#555;font-size:1rem}.shortcuts-footer{padding:16px 28px;background:#f5f9ff;border-top:1px solid #e0e0e0;text-align:center;color:#666;font-size:.9rem}.shortcuts-footer kbd{background:#fff;border:1px solid #ddd;border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:.85rem}.shortcuts-list::-webkit-scrollbar{width:8px}.shortcuts-list::-webkit-scrollbar-track{background:#f1f1f1}.shortcuts-list::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}.shortcuts-list::-webkit-scrollbar-thumb:hover{background:#c8960a}@media(max-width:768px){.shortcuts-modal{width:95%;max-height:90vh}.shortcuts-header,.shortcuts-list{padding:20px}.shortcut-item{flex-direction:column;align-items:flex-start;gap:8px}.shortcut-key{min-width:auto}}.goals-container{margin-bottom:24px}.goal-card{background:#100e0a;border-radius:16px;padding:28px;box-shadow:0 4px 20px #00000080,0 0 0 1px #d4af3726;border:1px solid rgba(212,175,55,.2)}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.goal-header h3{margin:0;font-size:1.1rem;background:linear-gradient(135deg,#d4af37,#f0d060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:.01em}.edit-goals-btn{background:#d4af371f;color:#d4af37;border:1px solid rgba(212,175,55,.3);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.edit-goals-btn:hover{background:#d4af3733;border-color:#d4af3780;transform:none}.goals-editor{display:flex;flex-direction:column;gap:16px}.goal-input-group{display:flex;flex-direction:column;gap:6px}.goal-input-group label{font-weight:500;color:#c8bfa8;font-size:.85rem}.goal-input-group input{padding:10px 12px;border:1px solid rgba(212,175,55,.2);border-radius:8px;font-size:1rem;background:#0d0b07;color:#f5f0e8}.goal-input-group input:focus{outline:none;border-color:#d4af3780;box-shadow:0 0 0 3px #d4af371a}.save-goals-btn{background:linear-gradient(135deg,#d4af37,#b8860b);color:#1a1000;border:none;padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #d4af374d}.save-goals-btn:hover{box-shadow:0 6px 20px #d4af3766;transform:translateY(-1px)}.goal-progress{margin-bottom:24px}.goal-progress.weekly{margin-bottom:0;padding-top:20px;border-top:1px solid rgba(212,175,55,.1)}.goal-progress h4{margin:0 0 12px;font-size:.85rem;color:#8a7e68;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.goal-stats{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;font-size:1.4rem}.goal-current{font-weight:700;background:linear-gradient(135deg,#d4af37,#f0d060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.goal-separator{color:#3a3525;font-weight:300}.goal-target{color:#8a7e68;font-weight:500}.goal-percentage{font-size:1rem;color:#8a7e68;margin-left:4px}.progress-bar{height:8px;background:#d4af3714;border-radius:4px;overflow:hidden;margin-bottom:12px;position:relative}.progress-fill{height:100%;transition:width .5s ease;border-radius:4px;position:relative;overflow:hidden}.progress-fill.daily{background:linear-gradient(90deg,#d4af37,#f0d060)}.progress-fill.weekly{background:linear-gradient(90deg,#c8960a,#d4af37)}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.goal-message{font-size:.9rem;font-weight:500;color:#c8bfa8;text-align:center;padding:8px 12px;background:#d4af370f;border-radius:6px;border:1px solid rgba(212,175,55,.1)}@media(max-width:768px){.goal-stats{font-size:1.2rem}.goal-percentage{font-size:.9rem}}.pomodoro-container{margin-bottom:24px}.pomodoro-card{background:#100e0a;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000080,0 0 0 1px #d4af3726;border:1px solid rgba(212,175,55,.2)}.pomodoro-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pomodoro-header h3{margin:0;font-size:1.1rem;background:linear-gradient(135deg,#d4af37,#f0d060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.pomodoro-settings-btn{background:#d4af371a;border:1px solid rgba(212,175,55,.25);color:#d4af37;padding:7px 12px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.pomodoro-settings-btn:hover{background:#d4af372e;transform:none}.pomodoro-settings{display:flex;flex-direction:column;gap:16px}.setting-group{display:flex;flex-direction:column;gap:6px}.setting-group label{font-weight:500;color:#c8bfa8;font-size:.85rem}.setting-group input{padding:10px 12px;border:1px solid rgba(212,175,55,.2);border-radius:8px;font-size:1rem;background:#0d0b07;color:#f5f0e8}.setting-group input:focus{outline:none;border-color:#d4af3780;box-shadow:0 0 0 3px #d4af371a}.save-pomodoro-btn{background:linear-gradient(135deg,#d4af37,#b8860b);color:#1a1000;border:none;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #d4af374d}.save-pomodoro-btn:hover{box-shadow:0 6px 16px #d4af3766;transform:translateY(-1px)}.pomodoro-display{display:flex;flex-direction:column;align-items:center;gap:20px}.phase-indicator{display:flex;align-items:center;gap:12px}.phase-emoji{font-size:1.8rem}.phase-label{font-size:1.1rem;font-weight:600;color:#c8bfa8}.pomodoro-time{font-size:4rem;font-weight:700;font-family:Inter,monospace;background:linear-gradient(135deg,#d4af37,#f0d060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:16px 0;letter-spacing:-.02em}.pomodoro-progress-ring{position:relative;width:200px;height:200px}.pomodoro-progress-ring svg{transform:rotate(-90deg)}.sessions-counter{font-size:.9rem;color:#8a7e68;font-weight:500;padding:6px 14px;background:#d4af3714;border-radius:20px;border:1px solid rgba(212,175,55,.15);margin-top:8px}.pomodoro-controls{display:flex;gap:10px;margin-top:20px;justify-content:center;flex-wrap:wrap}.pomodoro-start,.pomodoro-pause,.pomodoro-reset,.pomodoro-skip{padding:10px 22px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.pomodoro-start{background:linear-gradient(135deg,#d4af37,#b8860b);color:#1a1000;box-shadow:0 4px 12px #d4af374d}.pomodoro-start:hover{box-shadow:0 6px 16px #d4af3766;transform:translateY(-1px)}.pomodoro-pause{background:#d4af3726;color:#d4af37;border:1px solid rgba(212,175,55,.3)}.pomodoro-pause:hover{background:#d4af3740;transform:none}.pomodoro-reset{background:#ffffff0d;color:#8a7e68;border:1px solid rgba(255,255,255,.08)}.pomodoro-reset:hover{background:#ffffff14;color:#c8bfa8;transform:none}.pomodoro-skip{background:#ffffff0a;color:#6a5e48;border:1px solid rgba(255,255,255,.06)}.pomodoro-skip:hover{background:#ffffff12;color:#8a7e68;transform:none}@media(max-width:768px){.pomodoro-time{font-size:3rem}.pomodoro-controls{flex-direction:column;width:100%}.pomodoro-controls button{width:100%}}.recent-tasks{background:#100e0a;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #00000080,0 0 0 1px #d4af3726;border:1px solid rgba(212,175,55,.2)}.recent-tasks h3{margin:0 0 16px;background:linear-gradient(135deg,#d4af37,#f0d060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.1rem;font-weight:700}.recent-tasks-list{display:flex;flex-direction:column;gap:10px}.recent-task-item{background:#0d0b07;border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:all .2s;border:1px solid rgba(212,175,55,.15)}.recent-task-item:hover{border-color:#d4af3780;box-shadow:0 2px 12px #d4af3726;transform:translate(4px)}.recent-task-info{flex:1;min-width:0}.recent-task-description{font-weight:600;color:#f5f0e4;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-task-tags{font-size:.85rem;color:#8a7e65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-task-actions{display:flex;gap:8px}.recent-task-start{background:linear-gradient(135deg,#d4af37,#c8960a);color:#1a1000;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.recent-task-start:hover{background:linear-gradient(135deg,#c8960a,#b8860b);transform:scale(1.05);box-shadow:0 2px 8px #d4af374d}@media(max-width:768px){.recent-task-item{flex-direction:column;align-items:flex-start}.recent-task-actions,.recent-task-start{width:100%}}.templates-container{background:#100e0a;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #00000080,0 0 0 1px #d4af3726;border:1px solid rgba(212,175,55,.2)}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.templates-header h3{margin:0;background:linear-gradient(135deg,#d4af37,#f0d060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.1rem;font-weight:700}.add-template-btn{background:#d4af371f;color:#d4af37;border:1px solid rgba(212,175,55,.3);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.add-template-btn:hover{background:#d4af3733;border-color:#d4af3780}.template-form{background:#0d0b07;border:1px solid rgba(212,175,55,.15);border-radius:8px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.template-input,.template-select{padding:10px 12px;border:1px solid rgba(212,175,55,.2);border-radius:6px;font-size:1rem;background:#1a1610;color:#f5f0e8}.template-input::placeholder{color:#5a5040}.template-input:focus,.template-select:focus{outline:none;border-color:#d4af3780;box-shadow:0 0 0 3px #d4af371a}.save-template-btn{background:linear-gradient(135deg,#d4af37,#b8860b);color:#1a1000;border:none;padding:10px 20px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #d4af374d}.save-template-btn:hover{box-shadow:0 6px 16px #d4af3766;transform:translateY(-1px)}.templates-section{margin-bottom:16px}.templates-section h4{margin:0 0 12px;font-size:.85rem;color:#8a7e68;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.templates-list{display:flex;flex-direction:column;gap:10px}.template-card{background:#0d0b07;border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:all .2s;border:1px solid rgba(212,175,55,.15)}.template-card:hover{border-color:#d4af3780;box-shadow:0 4px 16px #d4af3726;transform:translate(4px)}.template-content{flex:1;min-width:0}.template-name{font-weight:700;color:#f5f0e4;margin-bottom:4px;font-size:1rem}.template-description{color:#c9bfa4;font-size:.9rem;margin-bottom:4px}.template-tags{font-size:.85rem;color:#d4af37;font-weight:600;margin-bottom:4px}.template-project{font-size:.85rem;color:#c8960a;font-weight:600}.template-actions{display:flex;gap:8px;align-items:center}.template-favorite-btn,.template-delete-btn{background:#d4af3714;border:1px solid rgba(212,175,55,.15);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:1.1rem;transition:all .2s}.template-favorite-btn:hover{background:#d4af372e;transform:scale(1.15)}.template-delete-btn:hover{background:#ef44441f;border-color:#ef44444d;transform:scale(1.05)}.template-start-btn{background:linear-gradient(135deg,#d4af37,#c8960a);color:#1a1000;border:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 8px #d4af374d}.template-start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4af3766}.no-templates{text-align:center;padding:40px 20px;color:#8a7e68}@media(max-width:768px){.template-card{flex-direction:column;align-items:flex-start}.template-actions{width:100%;justify-content:space-between}}.manual-entry-modal{background:var(--card-bg, #ffffff);border-radius:16px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}html.dark-mode .manual-entry-modal{background:#100e0a;border:1px solid rgba(212,175,55,.2);box-shadow:0 20px 60px #000c,0 0 0 1px #d4af3714}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:none;background:linear-gradient(135deg,#d4af37,#b8860b);border-radius:16px 16px 0 0}html.dark-mode .modal-header{background:linear-gradient(135deg,#d4af37,#b8860b);border-bottom:none}.modal-header h2{margin:0;font-size:20px;font-weight:700;color:#1a1000}html.dark-mode .modal-header h2{color:#1a1000}.close-button{background:#00000026;border:none;font-size:20px;cursor:pointer;color:#0009;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.close-button:hover{background:#00000040;color:#1a1000;transform:rotate(90deg)}html.dark-mode .close-button:hover{background:#0000004d;color:#1a1000}.manual-entry-modal form{padding:28px}.form-group input,.form-group select{width:100%;padding:12px 14px;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--input-bg, #ffffff);color:var(--text-color, #111827);font-size:15px;transition:all .2s;box-sizing:border-box;font-family:inherit}html.dark-mode .form-group input,html.dark-mode .form-group select{background:var(--input-bg, #1e293b);color:var(--text-color, #f1f5f9);border-color:var(--border-color, #334155)}.form-group input:focus,.form-group select:focus{outline:none;border-color:#d4af3799;box-shadow:0 0 0 4px #d4af371a}.entry-mode-toggle{display:flex;gap:8px;margin-bottom:20px;background:var(--toggle-bg, #f3f4f6);padding:6px;border-radius:10px}html.dark-mode .entry-mode-toggle{background:var(--toggle-bg, #1e293b)}.entry-mode-toggle button{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-secondary, #6b7280);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;font-family:inherit}html.dark-mode .entry-mode-toggle button{color:var(--text-secondary, #94a3b8)}.entry-mode-toggle button.active{background:var(--card-bg, #ffffff);color:#b8860b;box-shadow:0 2px 8px #0000001a}html.dark-mode .entry-mode-toggle button.active{background:var(--card-bg, #0f172a);box-shadow:0 2px 8px #0006}.entry-mode-toggle button:hover:not(.active){color:var(--text-color, #111827)}html.dark-mode .entry-mode-toggle button:hover:not(.active){color:var(--text-color, #f1f5f9)}.time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.duration-preview{padding:16px;background:#d4af371a;border:2px solid #D4AF37;border-radius:10px;margin-bottom:20px;text-align:center;color:var(--text-color, #111827);font-weight:600}html.dark-mode .duration-preview{color:var(--text-color, #f1f5f9);background:#d4af371f}.duration-preview strong{color:#d4af37;font-size:16px}html.dark-mode .modal-actions{border-top-color:var(--border-color, #334155)}html.dark-mode .modal-actions button:not(.primary){background:var(--hover-bg, #334155);color:var(--text-color, #e2e8f0)}.modal-actions button.primary{background:linear-gradient(135deg,#d4af37,#b8860b);color:#1a1000;box-shadow:0 4px 12px #d4af3759}:root{--card-bg: #ffffff;--header-bg: #f9fafb;--input-bg: #ffffff;--toggle-bg: #f3f4f6;--text-color: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--hover-bg: #f3f4f6;--primary-color: #C8960A}html.dark-mode{--card-bg: #17150F;--header-bg: #1f1c12;--input-bg: #1f1c12;--toggle-bg: #1f1c12;--text-color: #f5f0e8;--text-secondary: #c8bfa8;--border-color: #2A2618;--hover-bg: #2A2618;--primary-color: #D4AF37}.idle-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.idle-dialog{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.idle-icon{font-size:4rem;margin-bottom:16px}.idle-dialog h2{margin:0 0 16px;color:#333;font-size:1.8rem}.idle-dialog p{color:#666;font-size:1.1rem;margin:12px 0;line-height:1.5}.idle-dialog p strong{color:#ff9800;font-weight:700}.idle-actions{display:flex;gap:12px;margin-top:24px;justify-content:center}.idle-keep-btn,.idle-discard-btn{padding:14px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.idle-keep-btn{background:linear-gradient(135deg,#d4af37,#c8960a);color:#1a1000;flex:1}.idle-keep-btn:hover{background:linear-gradient(135deg,#c8960a,#b8860b);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.idle-discard-btn{background:#f5f5f5;color:#666;flex:1}.idle-discard-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.idle-note{margin-top:20px;padding:12px;background:#d4af370f;border-radius:8px;font-size:.9rem;color:#666}.idle-detection-settings{margin-top:16px;padding:16px;background:#d4af370f;border-radius:8px;border:1px solid rgba(212,175,55,.2)}.idle-detection-settings h4{margin:0 0 12px;color:#d4af37;font-size:1rem}.setting-row{margin-bottom:12px}.setting-row label{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#333}.setting-row input[type=checkbox]{width:18px;height:18px;cursor:pointer}.setting-row input[type=number]{padding:6px 10px;border:1.5px solid #ddd;border-radius:4px;font-size:.95rem}.setting-row input[type=number]:focus{outline:none;border-color:#d4af37}.setting-row small{color:#999;font-size:.85rem}.notification-settings{margin-top:16px;padding:16px;background:#fff8e1;border-radius:8px;border:1px solid #ffe082}.notification-settings h4{margin:0 0 12px;color:#ff9800;font-size:1rem}.milestone-settings{margin:12px 0}.milestone-settings label{display:block;margin-bottom:8px;font-weight:500;color:#555}.milestone-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.milestone-checkbox{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s}.milestone-checkbox:hover{border-color:#ff9800;background:#fff3e0}.milestone-checkbox input{cursor:pointer}.test-notification-btn{background:#ff9800;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:12px;transition:all .2s}.test-notification-btn:hover{background:#f57c00;transform:translateY(-2px)}@media(max-width:768px){.idle-dialog{padding:24px}.idle-actions{flex-direction:column}.idle-keep-btn,.idle-discard-btn{width:100%}.milestone-checkboxes{flex-direction:column}}.tracker-container{max-width:1400px;margin:0 auto;padding:24px}.tracker-header{display:none}.header-actions{display:flex;align-items:center;gap:16px}.manual-entry-button{background:linear-gradient(135deg,#d4af37,#c8960a);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #d4af374d}.manual-entry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766;background:linear-gradient(135deg,#c8960a,#b8860b)}.manual-entry-button:active{transform:translateY(0)}html.dark-mode .tracker-header{background:linear-gradient(135deg,#0f172af2,#1e293bd9)}.tracker-header h1{margin:0;font-size:2rem;background:linear-gradient(135deg,#d4af37,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html.dark-mode .tracker-header h1{background:linear-gradient(135deg,#d4af37,#c8960a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.active-timer-banner{background:linear-gradient(135deg,#d4af37,#b8860b,#c8960a);color:#fff;padding:40px;border-radius:20px;text-align:center;margin-bottom:32px;box-shadow:0 12px 48px #d4af3766;animation:pulseGlow 3s ease-in-out infinite;position:relative;overflow:hidden}.active-timer-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes pulseGlow{0%,to{box-shadow:0 12px 48px #d4af3766}50%{box-shadow:0 12px 64px #d4af3799}}html.dark-mode .active-timer-banner{background:linear-gradient(135deg,#17150f,#100e0a,#17150f);box-shadow:0 12px 48px #d4af374d}.user-info{display:flex;align-items:center;gap:16px}.user-email{color:#666;font-size:.95rem;font-weight:500}.signout-button{padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.signout-button:hover{background:#d32f2f;transform:translateY(-1px)}.timer-section{background:#ffffffd9;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014;margin-bottom:40px;border:1px solid rgba(212,175,55,.15)}html.dark-mode .timer-section{background:#100e0a;border:1px solid rgba(212,175,55,.18);box-shadow:0 4px 20px #0000004d}.timer-section h2{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#d4af37,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 24px}html.dark-mode .timer-section h2{background:linear-gradient(135deg,#d4af37,#f0d060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timer-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row .description-input{grid-column:1 / -1}.form-row input,.form-row select{padding:14px 18px;border:2px solid rgba(212,175,55,.2);border-radius:10px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html.dark-mode .form-row input,html.dark-mode .form-row select{background:#0f172a99;border-color:#d4af3733;color:#e2e8f0}.form-row input:focus,.form-row select:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 4px #d4af3726,0 4px 12px #d4af3733;transform:translateY(-1px)}html.dark-mode .form-row input:focus,html.dark-mode .form-row select:focus{border-color:#d4af37;box-shadow:0 0 0 4px #d4af3726,0 4px 12px #d4af3733}.form-row input:disabled,.form-row select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.datetime-group{display:flex;flex-direction:column;gap:6px}.datetime-group label{font-size:.9rem;color:#666;font-weight:500}.active-timer{background:linear-gradient(135deg,#d4af37,#c8960a);color:#fff;padding:32px;border-radius:12px;text-align:center;margin-top:8px}.timer-display{font-size:3.5rem;font-weight:700;font-family:Courier New,monospace;margin-bottom:16px;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.paused-indicator{font-size:1.2rem;background:#fff3;padding:8px 16px;border-radius:8px;font-weight:500;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.active-task{font-size:1.1rem;margin:0 0 20px;opacity:.95}.timer-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.start-button,.stop-button,.pause-button,.resume-button{padding:14px 40px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.start-button{background:linear-gradient(135deg,#d4af37,#c8960a);color:#fff;width:100%;box-shadow:0 4px 20px #d4af374d}.start-button:hover:not(:disabled){background:linear-gradient(135deg,#c8960a,#b8860b);transform:translateY(-2px);box-shadow:0 8px 32px #d4af3780}.pause-button{background:linear-gradient(135deg,#d4af3726,#d4af374d);color:#fff;box-shadow:0 4px 20px #d4af3733}.pause-button:hover:not(:disabled){background:linear-gradient(135deg,#d4af37,#c8960a);transform:scale(1.05);box-shadow:0 6px 28px #d4af3766}.resume-button{background:linear-gradient(135deg,#d4af37,#c8960a);color:#fff;box-shadow:0 4px 20px #d4af374d}.resume-button:hover:not(:disabled){background:linear-gradient(135deg,#c8960a,#b8860b);transform:scale(1.05);box-shadow:0 6px 28px #d4af3780}.stop-button{background:#fff;color:#d4af37}.stop-button:hover:not(:disabled){background:#f5f5f5;transform:scale(1.05)}.error-banner{background:#ffebee;color:#c62828;padding:12px 16px;border-radius:8px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid #f44336}.error-close{background:none;border:none;color:#c62828;font-size:1.5rem;cursor:pointer;padding:0 8px}.entries-section{margin-top:40px}.entries-toggle-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:0;margin-bottom:16px;text-align:left}.entries-toggle-header h2{font-size:1.5rem;background:linear-gradient(135deg,#d4af37,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.entries-toggle-chevron{font-size:.9rem;color:#d4af37;opacity:.7}.card-collapse-header{margin-bottom:0;padding:4px 0}.no-entries{text-align:center;color:#999;padding:60px 20px;font-size:1.1rem}.entries-list{display:flex;flex-direction:column;gap:16px}.entry-card{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(212,175,55,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;cursor:move;-webkit-user-select:none;user-select:none}.entry-card.entry-highlight{border-color:#d4af37b3!important;box-shadow:0 0 0 3px #d4af3740,0 8px 32px #d4af374d!important;animation:entry-highlight-pulse 2s ease}@keyframes entry-highlight-pulse{0%,to{background-color:transparent}20%{background-color:#d4af371f}}.entry-card:hover{box-shadow:0 8px 32px #d4af3733;transform:translateY(-2px);border-color:#d4af374d}.entry-card.dragging{opacity:.5;box-shadow:0 12px 48px #d4af3766;transform:rotate(2deg) scale(1.02)}html.dark-mode .entry-card{background:linear-gradient(135deg,#0f172af2,#1e293bd9);border:1px solid rgba(212,175,55,.15)}html.dark-mode .entry-card:hover{box-shadow:0 8px 32px #d4af3733;border-color:#d4af374d}.entry-content{flex:1;display:flex;flex-direction:column;gap:12px}.entry-main{display:flex;gap:12px;align-items:flex-start;flex:1}.drag-handle{font-size:.5rem;color:#555;cursor:grab;padding:4px;line-height:1;-webkit-user-select:none;user-select:none;transition:color .2s ease;opacity:.6;margin-right:8px}.drag-handle:hover{opacity:1;color:#333}.drag-handle:active{cursor:grabbing}html.dark-mode .drag-handle{color:#aaa}html.dark-mode .drag-handle:hover{color:#fff}.entry-main h3{margin:0 0 8px;font-size:1.2rem;color:#333}.entry-meta{display:flex;gap:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px}.meta-label{font-size:.9rem;color:#999;font-weight:500}.entry-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:8px;padding-top:12px;border-top:1px solid #f0f0f0}.entry-time,.entry-duration{font-size:.9rem;color:#666}.entry-time strong,.entry-duration strong{color:#333;margin-right:6px}html.dark-mode .entry-time strong,html.dark-mode .entry-duration strong{color:#f5f0e4}.entry-actions{display:flex;gap:8px}.delete-button{background:#ffebee;color:#f44336;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;white-space:nowrap}.delete-button:hover:not(:disabled){background:#f44336;color:#fff;transform:scale(1.05)}.delete-button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.form-row{grid-template-columns:1fr}.entry-card{flex-direction:column}.timer-display{font-size:2.5rem}}.cards-container{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.draggable-card-wrapper{position:relative;transition:transform .2s ease,box-shadow .2s ease}.draggable-card-wrapper.dragging{z-index:1000;transform:rotate(2deg);box-shadow:0 16px 48px #0003!important}.card-drag-handle{position:absolute;top:12px;right:12px;font-size:.5rem;color:#999;cursor:grab;padding:4px 6px;line-height:1;-webkit-user-select:none;user-select:none;transition:color .2s ease,opacity .2s ease;opacity:.5;background:#ffffffe6;border-radius:6px;z-index:10}.card-drag-handle:hover{opacity:1;color:#333;background:#fff}.card-drag-handle:active{cursor:grabbing}html.dark-mode .card-drag-handle{color:#c9bfa4;background:#d4af371a}html.dark-mode .card-drag-handle:hover{color:#f0d060;background:#d4af3733}.card-remove-btn{position:absolute;top:12px;right:48px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;color:#999;cursor:pointer;border:none;opacity:.5;background:#ffffffe6;border-radius:6px;z-index:10;transition:color .2s ease,opacity .2s ease,background .2s ease}.card-remove-btn:hover{opacity:1;color:#dc2626;background:#fff}html.dark-mode .card-remove-btn{color:#c9bfa4;background:#d4af371a}html.dark-mode .card-remove-btn:hover{color:#f87171;background:#ef444426}.add-widget-wrap{position:relative;display:flex;justify-content:center;margin:-8px 0 24px}.add-widget-btn{background:transparent;border:1px dashed rgba(212,175,55,.35);color:#8a7e65;padding:8px 18px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-widget-btn:hover{border-color:#d4af3799;border-style:solid;color:#d4af37;background:#d4af370f}.add-widget-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:200px;background:#100e0a;border:1px solid rgba(212,175,55,.25);border-radius:10px;box-shadow:0 12px 32px #0009,0 0 24px #d4af371a;padding:6px;z-index:20;display:flex;flex-direction:column;gap:2px}.add-widget-option{background:transparent;border:none;color:#f5f0e4;padding:8px 12px;border-radius:6px;font-size:.9rem;text-align:left;cursor:pointer;transition:background .15s ease}.add-widget-option:hover{background:#d4af3724;color:#f0d060}.notes-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:50px;transition:border-color .2s}.notes-input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.notes-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.entry-notes{display:flex;align-items:flex-start;gap:8px;margin:8px 0;padding:10px;background:#f8f9fa;border-left:3px solid #D4AF37;border-radius:4px}.entry-notes .notes-icon{font-size:16px;flex-shrink:0;margin-top:2px}.entry-notes p{margin:0;font-size:14px;color:#374151;line-height:1.5;white-space:pre-wrap;word-break:break-word}body.dark-mode .notes-input{background-color:#1f2937;border-color:#374151;color:#e5e7eb}body.dark-mode .notes-input:focus{border-color:#d4af37}body.dark-mode .entry-notes{background:#1f2937;border-left-color:#c8960a}body.dark-mode .entry-notes p{color:#d1d5db}.team-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px}.team-modal{background:var(--card-bg, #ffffff);border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.team-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:linear-gradient(135deg,#c8960a,#b8860b);color:#fff}.team-modal-header h2{margin:0;font-size:24px;font-weight:700;display:flex;align-items:center;gap:12px}.team-modal-subtitle{margin:4px 0 0;font-size:14px;opacity:.9}.team-close-button{background:#fff3;border:none;font-size:24px;cursor:pointer;color:#fff;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.team-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.team-modal-content{padding:28px;overflow-y:auto;flex:1}.team-section{margin-bottom:32px}.team-section:last-child{margin-bottom:0}.team-section-title{font-size:18px;font-weight:700;color:var(--text-color, #111827);margin:0 0 16px;display:flex;align-items:center;gap:8px}html.dark-mode .team-section-title{color:var(--text-color, #f1f5f9)}.team-add-section{background:linear-gradient(135deg,#d4af3714,#d4af371f);padding:24px;border-radius:12px;border:2px solid rgba(212,175,55,.2)}html.dark-mode .team-add-section{background:linear-gradient(135deg,#17150f,#100e0a);border-color:#d4af3733}.team-search-input{width:100%;padding:12px 14px;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--input-bg, #ffffff);color:var(--text-color, #111827);font-size:15px;margin-bottom:12px;font-family:inherit;transition:all .2s;box-sizing:border-box}html.dark-mode .team-search-input{background:var(--input-bg, #221e16);color:var(--text-color, #f1f5f9);border-color:var(--border-color, #2a2419)}.team-search-input:focus{outline:none;border-color:#c8960a;box-shadow:0 0 0 4px #c8960a1a}.team-add-controls{display:flex;gap:12px}.team-select{flex:1;padding:12px 14px;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--input-bg, #ffffff);color:var(--text-color, #111827);font-size:15px;font-family:inherit;transition:all .2s}html.dark-mode .team-select{background:var(--input-bg, #221e16);color:var(--text-color, #f1f5f9);border-color:var(--border-color, #2a2419)}.team-select:focus{outline:none;border-color:#c8960a;box-shadow:0 0 0 4px #c8960a1a}.team-button{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s;font-family:inherit}.team-button-primary{background:linear-gradient(135deg,#c8960a,#b8860b);color:#fff;box-shadow:0 4px 12px #c8960a66}.team-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c8960a80}.team-button-primary:disabled{opacity:.5;cursor:not-allowed}.team-button-secondary{background:var(--hover-bg, #f3f4f6);color:var(--text-color, #374151)}html.dark-mode .team-button-secondary{background:var(--hover-bg, #2a2419);color:var(--text-color, #e2e8f0)}.team-button-secondary:hover{background:var(--border-color, #e5e7eb)}html.dark-mode .team-button-secondary:hover{background:var(--border-color, #475569)}.team-members-list{display:flex;flex-direction:column;gap:12px}.team-member-card{padding:16px;background:var(--card-bg, #ffffff);border:2px solid var(--border-color, #e5e7eb);border-radius:12px;transition:all .2s}html.dark-mode .team-member-card{background:var(--input-bg, #221e16);border-color:var(--border-color, #2a2419)}.team-member-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#c8960a}html.dark-mode .team-member-card:hover{box-shadow:0 4px 12px #0000004d}.team-member-header{display:flex;justify-content:space-between;align-items:center}.team-member-info{display:flex;align-items:center;gap:12px}.team-member-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.team-member-avatar.purple{background:linear-gradient(135deg,#c8960a,#b8860b)}.team-member-avatar.green{background:linear-gradient(135deg,#d4af37,#c8960a)}.team-member-details{flex:1}.team-member-name{font-weight:600;font-size:15px;color:var(--text-color, #111827);margin:0 0 4px}html.dark-mode .team-member-name{color:var(--text-color, #f1f5f9)}.team-member-email{font-size:13px;color:var(--text-secondary, #6b7280);margin:0}html.dark-mode .team-member-email{color:var(--text-secondary, #94a3b8)}.team-member-rate{font-size:14px;font-weight:600;color:var(--text-color, #111827);display:flex;align-items:center;gap:8px}html.dark-mode .team-member-rate{color:var(--text-color, #f1f5f9)}.team-rate-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.team-rate-badge.project{background:#d4af3714;color:#c8960a}html.dark-mode .team-rate-badge.project{background:#17150f;color:#f0d060}.team-rate-badge.org{background:#d4af3714;color:#c8960a}html.dark-mode .team-rate-badge.org{background:#17150f;color:#f0d060}.team-no-rate{font-size:13px;color:#f59e0b;font-weight:600}.team-member-actions{display:flex;gap:8px;align-items:center}.team-icon-button{padding:8px;border:none;background:var(--hover-bg, #f3f4f6);border-radius:8px;cursor:pointer;color:var(--text-secondary, #6b7280);transition:all .2s;display:flex;align-items:center;justify-content:center}html.dark-mode .team-icon-button{background:var(--hover-bg, #2a2419);color:var(--text-secondary, #94a3b8)}.team-icon-button:hover{background:#c8960a;color:#fff;transform:translateY(-2px)}.team-icon-button.danger:hover{background:#ef4444}.team-rate-form{margin-top:16px;padding:20px;background:linear-gradient(135deg,#d4af3714,#d4af371f);border-radius:12px;border:2px solid rgba(212,175,55,.2)}html.dark-mode .team-rate-form{background:linear-gradient(135deg,#17150f,#1a1000);border-color:#c8960a}.team-rate-form-title{font-size:14px;font-weight:600;color:var(--text-color, #111827);margin:0 0 16px}html.dark-mode .team-rate-form-title{color:var(--text-color, #f1f5f9)}.team-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.team-form-group{display:flex;flex-direction:column}.team-form-label{font-size:12px;font-weight:600;color:var(--text-color, #374151);margin-bottom:6px}html.dark-mode .team-form-label{color:var(--text-color, #e2e8f0)}.team-form-input,.team-form-select,.team-form-textarea{padding:10px 12px;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--input-bg, #ffffff);color:var(--text-color, #111827);font-size:14px;font-family:inherit;transition:all .2s}html.dark-mode .team-form-input,html.dark-mode .team-form-select,html.dark-mode .team-form-textarea{background:var(--input-bg, #0a0906);color:var(--text-color, #f1f5f9);border-color:var(--border-color, #221e16)}.team-form-input:focus,.team-form-select:focus,.team-form-textarea:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 4px #d4af371a}.team-form-textarea{resize:vertical;min-height:60px}.team-form-actions{display:flex;gap:8px;margin-top:12px}.team-rate-history{margin-top:16px;padding:16px;background:var(--hover-bg, #f9fafb);border-radius:12px;border:2px solid var(--border-color, #e5e7eb)}html.dark-mode .team-rate-history{background:var(--hover-bg, #0a0906);border-color:var(--border-color, #221e16)}.team-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.team-history-title{font-size:14px;font-weight:600;color:var(--text-color, #111827);margin:0;display:flex;align-items:center;gap:8px}html.dark-mode .team-history-title{color:var(--text-color, #f1f5f9)}.team-history-list{display:flex;flex-direction:column;gap:8px}.team-history-item{padding:12px;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px}html.dark-mode .team-history-item{background:var(--input-bg, #221e16);border-color:var(--border-color, #2a2419)}.team-history-item-header{display:flex;justify-content:space-between;align-items:start}.team-history-rate{font-weight:600;font-size:14px;color:var(--text-color, #111827);margin:0 0 4px}html.dark-mode .team-history-rate{color:var(--text-color, #f1f5f9)}.team-history-dates{font-size:12px;color:var(--text-secondary, #6b7280);margin:0 0 4px}html.dark-mode .team-history-dates{color:var(--text-secondary, #94a3b8)}.team-history-notes{font-size:12px;color:var(--text-secondary, #6b7280);margin:0}html.dark-mode .team-history-notes{color:var(--text-secondary, #94a3b8)}.team-current-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;background:#d4af3726;color:#c8960a}html.dark-mode .team-current-badge{background:#17150f;color:#f0d060}.team-no-data{text-align:center;padding:24px;color:var(--text-secondary, #6b7280);font-size:14px}html.dark-mode .team-no-data{color:var(--text-secondary, #94a3b8)}.team-loading{display:flex;align-items:center;justify-content:center;padding:40px}.team-spinner{width:40px;height:40px;border:4px solid var(--border-color, #e5e7eb);border-top-color:#c8960a;border-radius:50%;animation:spin .8s linear infinite}.team-modal-footer{padding:20px 28px;border-top:2px solid var(--border-color, #e5e7eb);background:var(--hover-bg, #f9fafb)}html.dark-mode .team-modal-footer{background:var(--header-bg, #221e16);border-top-color:var(--border-color, #2a2419)}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.edit-project-modal{background:var(--card-bg, #ffffff);border-radius:16px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid var(--border-color, #e5e7eb);background:var(--header-bg, #f9fafb)}html.dark-mode .modal-header{background:var(--header-bg, #221e16);border-bottom-color:var(--border-color, #2a2419)}.modal-header h2{margin:0;font-size:22px;font-weight:700;color:var(--text-color, #111827)}html.dark-mode .modal-header h2{color:var(--text-color, #f1f5f9)}.close-button{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-secondary, #6b7280);padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.close-button:hover{background:var(--hover-bg, #f3f4f6);color:var(--text-color, #111827);transform:rotate(90deg)}html.dark-mode .close-button:hover{background:var(--hover-bg, #2a2419);color:var(--text-color, #f1f5f9)}.edit-project-modal form{padding:28px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color, #374151);font-size:14px}html.dark-mode .form-group label{color:var(--text-color, #e2e8f0)}.form-group input,.form-group textarea{width:100%;padding:12px 14px;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--input-bg, #ffffff);color:var(--text-color, #111827);font-size:15px;font-family:inherit;transition:all .2s;box-sizing:border-box}html.dark-mode .form-group input,html.dark-mode .form-group textarea{background:var(--input-bg, #221e16);color:var(--text-color, #f1f5f9);border-color:var(--border-color, #2a2419)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #D4AF37);box-shadow:0 0 0 4px #d4af371a}.form-group textarea{resize:vertical;min-height:100px}.form-group small{display:block;margin-top:6px;font-size:13px;color:var(--text-secondary, #6b7280)}html.dark-mode .form-group small{color:var(--text-secondary, #94a3b8)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:2px solid var(--border-color, #e5e7eb);margin-top:28px}html.dark-mode .modal-actions{border-top-color:var(--border-color, #2a2419)}.modal-actions button{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s;font-family:inherit}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.modal-actions button:not(.primary){background:var(--hover-bg, #f3f4f6);color:var(--text-color, #374151)}html.dark-mode .modal-actions button:not(.primary){background:var(--hover-bg, #2a2419);color:var(--text-color, #e2e8f0)}.modal-actions button:not(.primary):hover:not(:disabled){background:var(--border-color, #e5e7eb)}html.dark-mode .modal-actions button:not(.primary):hover:not(:disabled){background:var(--border-color, #475569)}.modal-actions button.primary{background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff;box-shadow:0 4px 12px #d4af3766}.modal-actions button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d4af3780}.modal-actions button.primary:active:not(:disabled){transform:translateY(0)}html.dark-mode .edit-project-modal{background:var(--card-bg, #0a0906);box-shadow:0 20px 60px #000c}:root{--card-bg: #ffffff;--header-bg: #f9fafb;--input-bg: #ffffff;--text-color: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--hover-bg: #f3f4f6;--primary-color: #D4AF37}html.dark-mode{--card-bg: #0a0906;--header-bg: #221e16;--input-bg: #221e16;--text-color: #f1f5f9;--text-secondary: #94a3b8;--border-color: #2a2419;--hover-bg: #2a2419;--primary-color: #D4AF37}.projects-container{max-width:1400px;margin:0 auto;padding:24px}.projects-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.projects-container h2{font-size:1.6rem;background:linear-gradient(135deg,#d4af37,#c8960a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.new-project-toggle{padding:9px 18px;background:transparent;color:#d4af37;border:1px solid rgba(212,175,55,.3);border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.new-project-toggle:hover{border-color:#d4af3799;background:#d4af3714;color:#f0d060}.add-project-section{background:#100e0abf;border-radius:14px;padding:20px;margin-bottom:24px;box-shadow:0 4px 20px #00000059;border:1px solid rgba(212,175,55,.2)}.add-project-form{display:grid;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:#555;font-size:.95rem}html.dark-mode .form-group label{color:#c9bfa4}.form-group input,.form-group textarea{padding:12px 16px;border:2px solid rgba(212,175,55,.2);border-radius:10px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fffc}html.dark-mode .form-group input,html.dark-mode .form-group textarea{background:#100e0abf;border-color:#d4af374d;color:#e2e8f0}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 4px #d4af3726,0 4px 12px #d4af3733;transform:translateY(-1px)}html.dark-mode .form-group input:focus,html.dark-mode .form-group textarea:focus{border-color:#d4af37;box-shadow:0 0 0 4px #d4af3733,0 4px 12px #d4af374d}.form-group textarea{resize:vertical;font-family:inherit}.add-project-button{background:linear-gradient(135deg,#d4af37,#c8960a);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px;box-shadow:0 4px 20px #d4af374d}.add-project-button:hover:not(:disabled){background:linear-gradient(135deg,#c8960a,#d4af37);transform:translateY(-2px);box-shadow:0 8px 32px #d4af3780}.add-project-button:disabled{opacity:.5;cursor:not-allowed}.projects-section{margin-top:40px}.projects-section h3{font-size:1.5rem;color:#333;margin-bottom:24px}.no-projects{text-align:center;color:#999;padding:60px 20px;font-size:1.1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.project-card{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card:hover{border-color:#d4af3780;box-shadow:0 8px 32px #d4af3740;transform:translateY(-4px)}html.dark-mode .project-card{background:linear-gradient(135deg,#100e0af2,#0a0906d9);border:1px solid rgba(212,175,55,.2)}html.dark-mode .project-card:hover{border-color:#d4af3780;box-shadow:0 8px 32px #d4af374d}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.project-header h4{font-size:1.3rem;color:#d4af37;margin:0;flex:1}.project-actions{display:flex;gap:8px}.manage-team-button,.delete-project-button,.edit-project-button{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:4px 8px;opacity:.6;transition:all .2s}.manage-team-button:hover,.delete-project-button:hover,.edit-project-button:hover{opacity:1;transform:scale(1.1)}.edit-project-button{font-size:1.2rem}.edit-project-button:hover{filter:brightness(1.2)}.project-description{color:#666;line-height:1.5;margin-bottom:12px}.project-tags-display{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.project-tags-display .tag{background:#d4af3714;color:#d4af37;padding:4px 10px;border-radius:4px;font-size:.85rem;font-weight:500}.github-link{display:inline-block;color:#d4af37;text-decoration:none;margin-bottom:16px;font-size:.95rem;transition:color .2s}.github-link:hover{color:#c8960a;text-decoration:underline}.project-stats{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.85rem;color:#999;font-weight:500}html.dark-mode .stat-label{color:#8a7e65}.stat-value{font-size:1.2rem;color:#d4af37;font-weight:600}.project-org-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px #d4af3733}.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.form-group select:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.billing-page{max-width:1400px;margin:0 auto}.billing-page-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;margin-bottom:20px;background:#100e0abf;border:1px solid rgba(212,175,55,.2);border-radius:14px;color:#d4af37;box-shadow:0 4px 20px #00000059}.billing-page-header h2{background:linear-gradient(135deg,#f0d060,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.billing-page-header p{color:#8a7e65!important}.billing-page .billing-modal-content{max-height:none;overflow:visible;padding:0}.billing-project-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.billing-project-chip{background:#ffffffb3;border:1.5px solid rgba(212,175,55,.25);color:#4a3800;padding:7px 16px;border-radius:20px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}html.dark-mode .billing-project-chip{background:#100e0a;border-color:#d4af3733;color:#c4b896}.billing-project-chip:hover{border-color:#d4af3799;background:#d4af371a;color:#b8860b}html.dark-mode .billing-project-chip:hover{background:#d4af371f;color:#d4af37}.billing-project-chip.active{background:linear-gradient(135deg,#d4af37,#b8860b);border-color:#d4af37;color:#1a1000;box-shadow:0 2px 10px #d4af3759}html.dark-mode .billing-project-chip.active{background:linear-gradient(135deg,#d4af37,#b8860b);color:#1a1000}.billing-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px}.billing-modal{background:#100e0aeb;border-radius:16px;max-width:1200px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.billing-modal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;background:#0003;border-bottom:1px solid rgba(212,175,55,.15);color:#f5f0e4}.billing-modal-header h2,.billing-modal-header h3{margin:0;font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:10px;color:#f0d060}.billing-modal-subtitle{margin:4px 0 0;font-size:14px;color:#8a7e65}.billing-close-button{background:#d4af371a;border:1px solid rgba(212,175,55,.15);color:#c9bfa4;cursor:pointer;padding:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.billing-close-button:hover{background:#d4af3733;color:#f0d060;transform:rotate(90deg)}.billing-modal-content{padding:28px;overflow-y:auto;flex:1}.billing-filters{background:var(--hover-bg, #f9fafb);padding:20px;border-radius:12px;margin-bottom:24px;border:2px solid var(--border-color, #e5e7eb)}html.dark-mode .billing-filters{background:var(--hover-bg, #221e16);border-color:var(--border-color, #2a2419)}.billing-filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.billing-filter-group{display:flex;flex-direction:column;gap:6px}.billing-filter-label{font-size:12px;font-weight:600;color:var(--text-color, #374151);margin-bottom:6px}html.dark-mode .billing-filter-label{color:var(--text-color, #e2e8f0)}.billing-filter-input,.billing-filter-select{padding:10px 12px;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;background:#100e0a99;color:var(--text-color, #111827);font-size:14px;font-family:inherit;transition:all .2s}html.dark-mode .billing-filter-input,html.dark-mode .billing-filter-select{background:#0a0906;color:var(--text-color, #f1f5f9);border-color:var(--border-color, #221e16)}.billing-filter-input:focus,.billing-filter-select:focus{outline:none;border-color:#d4af3766;box-shadow:0 0 0 4px #d4af371a}.billing-filter-actions{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.billing-button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;font-family:inherit;display:flex;align-items:center;gap:8px}.billing-button-primary{background:linear-gradient(135deg,#d4af37,#b8860b);box-shadow:0 4px 12px #d4af3759}.billing-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3773}.billing-button-secondary{background:var(--hover-bg, #f3f4f6);color:var(--text-color, #374151)}html.dark-mode .billing-button-secondary{background:var(--hover-bg, #2a2419);color:var(--text-color, #e2e8f0)}.billing-button-secondary:hover{background:var(--border-color, #e5e7eb)}html.dark-mode .billing-button-secondary:hover{background:var(--border-color, #475569)}.billing-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1200px){.billing-summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.billing-summary-cards{grid-template-columns:1fr}}.billing-summary-card{padding:20px;border-radius:12px;border:2px solid;display:flex;align-items:center;justify-content:space-between;transition:transform .2s,box-shadow .2s;min-height:110px}.billing-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.billing-summary-card.hours{background:linear-gradient(135deg,#2a2419,#302a1e);border-color:#f0d060}html.dark-mode .billing-summary-card.hours{background:linear-gradient(135deg,#100e0a,#2a2419);border-color:#d4af37}.billing-summary-card.amount{background:linear-gradient(135deg,#d4af3714,#d4af3726);border-color:#d4af374d}html.dark-mode .billing-summary-card.amount{background:linear-gradient(135deg,#17150f,#100e0a);border-color:#d4af3766}.billing-summary-card.rate{background:linear-gradient(135deg,#302a1e,#2a2419);border-color:#d4af374d}html.dark-mode .billing-summary-card.rate{background:linear-gradient(135deg,#100e0a,#2a2419);border-color:#d4af3740}.billing-summary-card.missing{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#fb923c}html.dark-mode .billing-summary-card.missing{background:linear-gradient(135deg,#7c2d12,#9a3412);border-color:#f97316}.billing-summary-content{flex:1;display:flex;flex-direction:column;gap:4px}.billing-summary-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin:0 0 8px}.billing-summary-value{font-size:28px;font-weight:700;color:var(--text-color, #111827);margin:0;line-height:1.2}html.dark-mode .billing-summary-value{color:var(--text-color, #f1f5f9)}.billing-summary-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;opacity:.5}.billing-section{margin-bottom:24px}.billing-section-title{font-size:18px;font-weight:700;color:var(--text-color, #111827);margin:0 0 16px;display:flex;align-items:center}html.dark-mode .billing-section-title{color:var(--text-color, #f1f5f9)}.billing-table-container{background:#100e0aeb;border:2px solid var(--border-color, #e5e7eb);border-radius:12px;overflow:hidden}html.dark-mode .billing-table-container{background:#100e0a;border-color:var(--border-color, #2a2419)}.billing-table{width:100%;border-collapse:collapse}.billing-table thead{background:var(--hover-bg, #f9fafb)}html.dark-mode .billing-table thead{background:var(--hover-bg, #0a0906)}.billing-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:700;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}html.dark-mode .billing-table th{color:var(--text-secondary, #94a3b8)}.billing-table th.align-right{text-align:right}.billing-table th.align-center{text-align:center}.billing-table tbody tr{border-top:1px solid var(--border-color, #e5e7eb);transition:background .2s}html.dark-mode .billing-table tbody tr{border-top-color:var(--border-color, #2a2419)}.billing-table tbody tr:hover{background:var(--hover-bg, #f9fafb)}html.dark-mode .billing-table tbody tr:hover{background:var(--hover-bg, #221e16)}.billing-table td{padding:16px;font-size:14px;color:var(--text-color, #111827)}html.dark-mode .billing-table td{color:var(--text-color, #f1f5f9)}.billing-table td.align-right{text-align:right}.billing-table td.align-center{text-align:center}.billing-user-info{display:flex;flex-direction:column}.billing-user-name{font-weight:600;margin-bottom:4px}.billing-user-email{font-size:12px;color:var(--text-secondary, #6b7280)}html.dark-mode .billing-user-email{color:var(--text-secondary, #94a3b8)}.billing-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;transition:transform .2s,box-shadow .2s}.billing-badge.clickable{cursor:pointer}.billing-badge.clickable:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.billing-badge.warning{background:#fed7aa;color:#9a3412}html.dark-mode .billing-badge.warning{background:#7c2d12;color:#fdba74}.billing-alert{padding:16px;border-radius:12px;border:2px solid;display:flex;align-items:start;gap:12px;margin-bottom:24px}.billing-alert.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}html.dark-mode .billing-alert.warning{background:linear-gradient(135deg,#78350f,#92400e);border-color:#f59e0b}.billing-alert-title{font-weight:700;color:var(--text-color, #111827);margin:0 0 4px}html.dark-mode .billing-alert-title{color:var(--text-color, #f1f5f9)}.billing-alert-message{font-size:14px;color:var(--text-secondary, #6b7280);margin:0}html.dark-mode .billing-alert-message{color:var(--text-secondary, #94a3b8)}.billing-modal-footer{padding:20px 28px;border-top:2px solid var(--border-color, #e5e7eb);background:var(--hover-bg, #f9fafb)}html.dark-mode .billing-modal-footer{background:var(--header-bg, #221e16);border-top-color:var(--border-color, #2a2419)}.billing-collapsible-section{margin-bottom:16px}.billing-collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--hover-bg, #f3f4f6);border-radius:8px;cursor:pointer;transition:background .2s}html.dark-mode .billing-collapsible-header{background:var(--hover-bg, #2a2419)}.billing-collapsible-header:hover{background:var(--border-color, #e5e7eb)}html.dark-mode .billing-collapsible-header:hover{background:var(--border-color, #475569)}.billing-loading{display:flex;align-items:center;justify-content:center;padding:60px}.billing-spinner{width:40px;height:40px;border:4px solid var(--border-color, #e5e7eb);border-top-color:#d4af37;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.billing-entries-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.billing-entries-content{background:#100e0aeb;border-radius:16px;max-width:1400px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 70px #0009;animation:slideUp .3s ease-out;display:flex;flex-direction:column}html.dark-mode .billing-entries-content{background:#100e0a}.billing-entries-list{padding:24px;overflow-y:auto;flex:1}.billing-entries-list::-webkit-scrollbar{width:8px}.billing-entries-list::-webkit-scrollbar-track{background:var(--hover-bg, #f3f4f6);border-radius:4px}html.dark-mode .billing-entries-list::-webkit-scrollbar-track{background:var(--hover-bg, #2a2419)}.billing-entries-list::-webkit-scrollbar-thumb{background:var(--border-color, #cbd5e1);border-radius:4px}html.dark-mode .billing-entries-list::-webkit-scrollbar-thumb{background:var(--border-color, #64748b)}.billing-entries-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #94a3b8)}.billing-filter-indicator{padding:12px 16px;background:linear-gradient(135deg,#d4af3714,#d4af371f);border:2px solid rgba(212,175,55,.3);border-radius:8px;margin-bottom:16px;font-size:14px;color:#c8960a;animation:slideDown .3s ease-out}html.dark-mode .billing-filter-indicator{background:linear-gradient(135deg,#17150f,#100e0a);border-color:#d4af374d;color:#f0d060}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.billing-date-presets{display:flex;gap:8px;flex-wrap:wrap}.billing-preset-button{padding:8px 16px;background:#100e0aeb;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;color:var(--text-color, #374151);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}html.dark-mode .billing-preset-button{background:#0a0906;border-color:var(--border-color, #2a2419);color:var(--text-color, #e2e8f0)}.billing-preset-button:hover{background:linear-gradient(135deg,#d4af37,#b8860b);border-color:#d4af3766;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.billing-toggle-group{display:flex;gap:0;background:var(--hover-bg, #f3f4f6);border-radius:8px;padding:4px;width:fit-content}html.dark-mode .billing-toggle-group{background:var(--hover-bg, #0a0906)}.billing-toggle-button{padding:8px 16px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #6b7280);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}html.dark-mode .billing-toggle-button{color:var(--text-secondary, #94a3b8)}.billing-toggle-button.active{background:linear-gradient(135deg,#d4af37,#b8860b);box-shadow:0 2px 8px #d4af374d}.billing-toggle-button:not(.active):hover{color:var(--text-color, #111827);background:#d4af371a}html.dark-mode .billing-toggle-button:not(.active):hover{color:var(--text-color, #f1f5f9)}.billing-chart-container{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--hover-bg, #f9fafb);border-radius:12px;border:2px solid var(--border-color, #e5e7eb)}html.dark-mode .billing-chart-container{background:var(--hover-bg, #0a0906);border-color:var(--border-color, #2a2419)}.billing-chart-item{display:flex;flex-direction:column;gap:8px}.billing-chart-label{display:flex;justify-content:space-between;align-items:center;font-size:14px}.billing-chart-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.billing-chart-bar{height:32px;background:#e5e7eb;border-radius:6px;overflow:hidden;position:relative}html.dark-mode .billing-chart-bar{background:#100e0a}.billing-chart-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;transition:width .5s ease-out;min-width:60px}.billing-chart-percentage{font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.billing-invoice-content{padding:40px;background:#100e0aeb;max-height:calc(90vh - 80px);overflow-y:auto}html.dark-mode .billing-invoice-content{background:#100e0a}.billing-invoice-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:32px;border-bottom:3px solid var(--border-color, #e5e7eb);margin-bottom:32px}html.dark-mode .billing-invoice-header{border-bottom-color:var(--border-color, #475569)}.billing-invoice-section{margin-bottom:32px}.billing-invoice-table{width:100%;border-collapse:collapse;margin-top:16px}.billing-invoice-table thead tr{border-bottom:2px solid var(--border-color, #e5e7eb)}html.dark-mode .billing-invoice-table thead tr{border-bottom-color:var(--border-color, #475569)}.billing-invoice-table th{padding:12px 8px;text-align:left;font-size:12px;font-weight:700;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}html.dark-mode .billing-invoice-table th{color:var(--text-secondary, #94a3b8)}.billing-invoice-table td{padding:16px 8px;border-bottom:1px solid var(--border-color, #f3f4f6);color:var(--text-color, #111827)}html.dark-mode .billing-invoice-table td{border-bottom-color:var(--border-color, #2a2419);color:var(--text-color, #f1f5f9)}.billing-invoice-table tbody tr:last-child td{border-bottom:none}.billing-input{background:#100e0aeb;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--text-color, #111827);outline:none;transition:border-color .15s;box-sizing:border-box}.billing-input:focus{border-color:#c8960a;box-shadow:0 0 0 3px #c8960a1a}.billing-input::placeholder{color:var(--text-secondary, #9ca3af)}html.dark-mode .billing-input{background:#100e0a;border-color:var(--border-color, #475569);color:var(--text-color, #f1f5f9)}.invoice-line-item-row{display:flex;align-items:center;gap:10px;padding:8px;background:var(--hover-bg, #f9fafb);border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}html.dark-mode .invoice-line-item-row{background:var(--hover-bg, #221e16);border-color:var(--border-color, #475569)}@media print{.billing-modal-header,.billing-close-button,.billing-button,.billing-modal-overlay,.billing-input,.invoice-line-item-row button{display:none!important}.invoice-line-item-row{border:none;background:none;padding:0}.billing-entries-modal{position:static;background:#fff;padding:0}.billing-entries-content{max-width:100%;box-shadow:none;border-radius:0}.billing-invoice-content{padding:20px;max-height:none;overflow:visible}}.chart-empty{text-align:center;color:#8a7e65;padding:32px 12px;font-size:.95rem}.donut-chart-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.donut-chart{position:relative;width:140px;height:140px;border-radius:50%;flex-shrink:0;box-shadow:0 0 32px #d4af3726,0 4px 20px #0000004d}.donut-chart-hole{position:absolute;inset:22px;border-radius:50%;background:#100e0a;box-shadow:inset 0 0 0 1px #d4af3726}.donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex:1;min-width:160px}.donut-legend li{display:flex;align-items:center;gap:8px;font-size:.88rem}.donut-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.donut-legend-label{flex:1;color:#f5f0e4;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donut-legend-value{color:#d4af37;font-weight:600;font-variant-numeric:tabular-nums}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:24px}.chart-card{background:linear-gradient(135deg,#100e0af2,#0a0906e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;border:2px solid rgba(212,175,55,.2);box-shadow:0 4px 20px #00000080}.chart-card h3{margin:0 0 20px;font-size:1.15rem;background:linear-gradient(135deg,#d4af37,#c8960a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.trend-bar-chart{display:flex;align-items:flex-end;gap:6px;height:180px;padding-top:8px}.trend-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;min-width:0}.trend-bar-track{flex:1;width:100%;max-width:28px;display:flex;align-items:flex-end;background:#d4af370f;border-radius:4px;overflow:hidden}.trend-bar-fill{width:100%;background:linear-gradient(180deg,#f0d060,#d4af37,#b8860b);border-radius:4px 4px 0 0;box-shadow:0 0 10px #d4af3766;transition:height .4s ease}.trend-bar-label{font-size:.65rem;color:#8a7e65;white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;max-height:60px;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.donut-chart-wrap{flex-direction:column;align-items:flex-start}}.dashboard-container{max-width:1400px;margin:0 auto;padding:24px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dashboard-header h2{font-size:2rem;background:linear-gradient(135deg,#d4af37,#c8960a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}html.dark-mode .dashboard-header h2{background:linear-gradient(135deg,#d4af37,#c8960a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.export-button{background:linear-gradient(135deg,#d4af37,#c8960a);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #d4af374d}.export-button:hover:not(:disabled){background:linear-gradient(135deg,#c8960a,#b8860b);transform:translateY(-2px);box-shadow:0 8px 32px #d4af3780}.export-button:disabled{background:#ccc;cursor:not-allowed}.dashboard-filters{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.2)}html.dark-mode .dashboard-filters{background:linear-gradient(135deg,#100e0af2,#0a0906e6);border:1px solid rgba(212,175,55,.22);box-shadow:0 8px 32px #00000080,0 0 32px #d4af370d}.dashboard-filters h3{font-size:1.3rem;background:linear-gradient(135deg,#d4af37,#c8960a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 20px}html.dark-mode .dashboard-filters h3{background:linear-gradient(135deg,#d4af37,#c8960a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-weight:500;color:#555;font-size:.9rem}html.dark-mode .filter-group label{color:#c9bfa4}.filter-group input,.filter-group select{padding:12px 16px;border:2px solid rgba(212,175,55,.2);border-radius:8px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fffc}html.dark-mode .filter-group input,html.dark-mode .filter-group select{background:#1c191499;border-color:#d4af374d;color:#e2e8f0}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 4px #d4af3726;transform:translateY(-1px)}html.dark-mode .filter-group input:focus,html.dark-mode .filter-group select:focus{border-color:#d4af37;box-shadow:0 0 0 4px #d4af3733}.quick-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.quick-filters button{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(212,175,55,.3);color:#d4af37;padding:10px 20px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d}html.dark-mode .quick-filters button{background:linear-gradient(135deg,#1c1914e6,#211d15b3);border-color:#d4af374d;color:#d4af37}.quick-filters button:hover{background:linear-gradient(135deg,#d4af37,#c8960a);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #d4af374d}html.dark-mode .quick-filters button:hover{background:linear-gradient(135deg,#d4af37,#c8960a);box-shadow:0 6px 20px #d4af3766}.clear-filters-button{background:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;margin-top:16px;transition:all .2s}.clear-filters-button:hover{background:#d32f2f}.report-selector{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.report-selector button{background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(212,175,55,.2);color:#666;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d}html.dark-mode .report-selector button{background:linear-gradient(135deg,#1c1914f2,#211d15d9);border:2px solid rgba(212,175,55,.2);color:#94a3b8}.report-selector button:hover{border-color:#d4af3799;color:#d4af37;transform:translateY(-2px);box-shadow:0 6px 20px #d4af3733}html.dark-mode .report-selector button:hover{border-color:#d4af3799;color:#d4af37}.report-selector button.active{background:linear-gradient(135deg,#d4af37,#c8960a);border-color:transparent;color:#fff;box-shadow:0 6px 24px #d4af3766;transform:translateY(-2px)}html.dark-mode .report-selector button.active{background:linear-gradient(135deg,#d4af37,#c8960a);box-shadow:0 6px 24px #d4af3780}.dashboard-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.summary-card{background:var(--card-bg, #ffffff);border:2px solid var(--border-color, #e5e7eb);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a;min-height:120px}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#b8860b,#d4af37,#c8960a);opacity:0;transition:opacity .3s}.summary-card:hover:before{opacity:1}html.dark-mode .summary-card{background:var(--card-bg, #221e16);border:2px solid var(--border-color, #2a2419);box-shadow:0 2px 8px #0003}.summary-card:hover{border-color:#d4af37;box-shadow:0 8px 24px #d4af3733;transform:translateY(-4px);cursor:pointer}html.dark-mode .summary-card:hover{border-color:#d4af37;box-shadow:0 8px 24px #d4af374d}.summary-card[style*="cursor: pointer"]:hover{border-color:#d4af37;box-shadow:0 12px 32px #d4af374d;transform:translateY(-6px) scale(1.02)}.summary-card[style*="cursor: pointer"]:active{transform:translateY(-2px) scale(.98)}.summary-icon{font-size:2.5rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4af3714,#d4af3726);border-radius:12px;flex-shrink:0;transition:transform .3s}html.dark-mode .summary-icon{background:linear-gradient(135deg,#d4af371f,#d4af3733)}.summary-card:hover .summary-icon{transform:scale(1.1) rotate(5deg)}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.summary-content{flex:1;display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:var(--text-secondary, #6b7280);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}html.dark-mode .summary-label{color:var(--text-secondary, #94a3b8)}.summary-value{font-size:2rem;color:var(--text-color, #111827);font-weight:700;line-height:1.2;margin:0}html.dark-mode .summary-value{color:var(--text-color, #f1f5f9)}.summary-sublabel{font-size:11px;color:var(--text-secondary, #9ca3af);font-weight:500;margin:4px 0 0}html.dark-mode .summary-sublabel{color:var(--text-secondary, #94a3b8)}.preview-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:28px;margin-bottom:24px;border:2px solid rgba(212,175,55,.2);box-shadow:0 4px 20px #00000014;transition:all .3s}html.dark-mode .preview-section{background:linear-gradient(135deg,#100e0af2,#0a0906e6);border:2px solid rgba(212,175,55,.2);box-shadow:0 4px 20px #00000080}.preview-section:hover{box-shadow:0 8px 32px #d4af3726;transform:translateY(-2px)}.preview-section h3{margin:0 0 24px;font-size:1.4rem;background:linear-gradient(135deg,#d4af37,#c8960a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}html.dark-mode .preview-section h3{background:linear-gradient(135deg,#d4af37,#c8960a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-list{display:flex;flex-direction:column;gap:16px}.preview-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.preview-info{display:flex;justify-content:space-between;align-items:center}.preview-name{font-weight:600;color:#333}html.dark-mode .preview-name{color:#f5f0e4}.preview-time{color:#d4af37;font-weight:600;margin-left:16px}.preview-bar{grid-column:1 / 2;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}html.dark-mode .preview-bar{background:#d4af371a}.preview-bar-fill{height:100%;background:linear-gradient(90deg,#d4af37,#c8960a,#b8860b);transition:width .3s ease;box-shadow:0 0 10px #d4af3780}.preview-percentage{font-size:.9rem;color:#666;font-weight:500;text-align:right}html.dark-mode .preview-percentage{color:#c9bfa4}.report-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:28px;border:2px solid rgba(212,175,55,.2);box-shadow:0 4px 20px #00000014}html.dark-mode .report-section{background:linear-gradient(135deg,#100e0af2,#0a0906e6);border:2px solid rgba(212,175,55,.2);box-shadow:0 4px 20px #00000080}.report-section h3{margin:0 0 28px;font-size:1.6rem;background:linear-gradient(135deg,#d4af37,#c8960a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}html.dark-mode .report-section h3{background:linear-gradient(135deg,#d4af37,#c8960a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.no-data{text-align:center;color:#999;padding:60px 20px;font-size:1.1rem}html.dark-mode .no-data{color:#8a7e65}.stats-table{overflow-x:auto}.stats-table table{width:100%;border-collapse:collapse}.stats-table thead{background:#f5f9ff}html.dark-mode .stats-table thead{background:#d4af3714}.stats-table th{text-align:left;padding:14px 16px;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0;font-size:.95rem}html.dark-mode .stats-table th{color:#d4af37;border-bottom:2px solid rgba(212,175,55,.2)}.stats-table td{padding:14px 16px;border-bottom:1px solid #f0f0f0;color:#333}html.dark-mode .stats-table td{color:#f5f0e4;border-bottom:1px solid rgba(212,175,55,.1)}.stats-table tbody tr:hover{background:#fafafa}html.dark-mode .stats-table tbody tr:hover{background:#d4af370f}.project-name,.date-cell{font-weight:600;color:#d4af37}.tag-name{font-weight:500}.tag-badge{background:#d4af3714;color:#d4af37;padding:4px 12px;border-radius:6px;font-size:.9rem;font-weight:600}.time-cell{font-family:Courier New,monospace;font-weight:600;color:#d4af37}.percentage-cell{display:flex;align-items:center;gap:12px}.percentage-cell span{min-width:50px;font-weight:600;color:#d4af37}.mini-bar{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;max-width:200px}html.dark-mode .mini-bar{background:#d4af371a}.mini-bar-fill{height:100%;background:linear-gradient(90deg,#d4af37,#c8960a,#b8860b);transition:width .3s ease;box-shadow:0 0 8px #d4af3766}.daily-bar{width:100%;max-width:300px;height:24px;background:#e0e0e0;border-radius:6px;overflow:hidden}html.dark-mode .daily-bar{background:#d4af371a}.daily-bar-fill{height:100%;background:linear-gradient(90deg,#d4af37,#b8860b,#c8960a);transition:width .3s ease;box-shadow:0 0 10px #d4af3780}@media(max-width:768px){.filters-grid,.dashboard-summary,.preview-item{grid-template-columns:1fr}.preview-bar{grid-column:1}.stats-table{font-size:.9rem}.stats-table th,.stats-table td{padding:10px 8px}}.billing-alert{margin-top:20px;padding:16px;background:#d4af3714;border:1px solid rgba(212,175,55,.3);border-radius:8px;color:#f0d060}.billing-alert h4{margin:0 0 8px;background:none;-webkit-text-fill-color:#f0d060;color:#f0d060}.billing-alert p{margin:0;color:#c9bfa4;line-height:1.5}.billing-alert-button{margin-left:10px;padding:4px 12px;background:linear-gradient(135deg,#d4af37,#c8960a);color:#1a1000;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:box-shadow .2s ease}.billing-alert-button:hover{box-shadow:0 4px 12px #d4af3759}.billing-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.billing-stat-box{padding:20px;border-radius:12px;border:1px solid rgba(212,175,55,.2);background:#100e0abf}.billing-stat-box--positive{border-color:#34d3994d;background:#34d3990f}.billing-stat-box--warning{border-color:#fbbf2459;background:#fbbf2414}.billing-stat-label{font-size:14px;color:#8a7e65;margin-bottom:8px}.billing-stat-value{font-size:28px;font-weight:700;color:#f0d060}.billing-stat-box--positive .billing-stat-value{color:#34d399}.billing-stat-box--warning .billing-stat-value{color:#fbbf24}.billing-cta{padding:24px;background:#100e0abf;border:1px solid rgba(212,175,55,.2);border-radius:12px;text-align:center}.billing-cta h4{margin:0 0 16px;color:#f5f0e4;font-size:1.15rem}.billing-cta p{color:#8a7e65;margin:0 0 20px;line-height:1.5}.billing-cta-button{padding:12px 24px;background:linear-gradient(135deg,#d4af37,#c8960a);color:#1a1000;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #d4af374d;transition:all .2s ease}.billing-cta-button:hover{transform:translateY(-1px);box-shadow:0 6px 24px #d4af3773}.um-container{padding:24px;max-width:1400px;margin:0 auto}.um-loading{text-align:center;padding:80px 0;color:#8a7e65;font-size:1rem}.um-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.um-title{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#d4af37,#c8960a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.um-subtitle{margin:6px 0 0;font-size:.85rem;color:#8a7e65}.um-add-btn{padding:9px 18px;background:linear-gradient(135deg,#d4af37,#c8960a);color:#1a1000;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #d4af374d;transition:all .15s ease}.um-add-btn:hover{box-shadow:0 6px 20px #d4af3766;transform:translateY(-1px)}.um-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.um-search{position:relative;flex:1;min-width:240px}.um-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#5a5040;pointer-events:none}.um-search input{width:100%;padding:10px 12px 10px 38px;border:1px solid rgba(212,175,55,.2);border-radius:8px;background:#100e0a99;color:#f5f0e4;font-size:.9rem;box-sizing:border-box}.um-filters select{padding:10px 14px;border:1px solid rgba(212,175,55,.2);border-radius:8px;background:#100e0a99;color:#f5f0e4;font-size:.9rem;cursor:pointer}.um-search input:focus,.um-filters select:focus{outline:none;border-color:#d4af3780}.um-table-wrap{background:#100e0abf;border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:8px;overflow-x:auto;box-shadow:0 4px 20px #0006}.um-table{width:100%;border-collapse:collapse}.um-table th{padding:14px 16px;text-align:left;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8a7e65;border-bottom:1px solid rgba(212,175,55,.15)}.um-th-actions{text-align:right!important}.um-table td{padding:14px 16px;border-bottom:1px solid rgba(212,175,55,.08);color:#f5f0e4;font-size:.9rem}.um-table tbody tr:last-child td{border-bottom:none}.um-table tbody tr:hover{background:#d4af370a}.um-user-cell{display:flex;align-items:center;gap:12px}.um-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#b8860b);display:flex;align-items:center;justify-content:center;color:#1a1000;font-weight:700;font-size:.9rem;flex-shrink:0}.um-user-name{font-weight:600}.um-you-tag{font-size:.72rem;color:#8a7e65}.um-muted{color:#8a7e65}.um-role-select{padding:5px 10px;border-radius:6px;border:1px solid rgba(212,175,55,.2);background:#100e0a99;color:#f5f0e4;font-size:.82rem;text-transform:capitalize;cursor:pointer}.um-badge{display:inline-flex;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600;text-transform:capitalize}.um-badge--admin{color:#f0d060;background:#d4af3724;border:1px solid rgba(212,175,55,.3)}.um-badge--member{color:#c9bfa4;background:#d4af370f;border:1px solid rgba(212,175,55,.15)}.um-badge--active{color:#34d399;background:#34d3991a;border:1px solid rgba(52,211,153,.25)}.um-badge--inactive{color:#f87171;background:#ef44441a;border:1px solid rgba(239,68,68,.25)}.um-actions-cell{text-align:right;white-space:nowrap}.um-action-link{background:transparent;border:none;color:#8a7e65;font-size:.82rem;font-weight:600;cursor:pointer;padding:4px 8px;transition:color .15s ease}.um-action-link:hover{color:#d4af37}.um-action-icon{background:transparent;border:none;color:#8a7e65;cursor:pointer;padding:4px 8px;display:inline-flex;align-items:center;transition:color .15s ease}.um-action-icon:hover{color:#f87171}.um-modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.um-modal{background:#100e0a;border:1px solid rgba(212,175,55,.25);border-radius:16px;padding:28px;max-width:460px;width:90%;max-height:80vh;overflow:auto;box-shadow:0 24px 64px #000000b3,0 0 48px #d4af371a}.um-modal h3{margin:0 0 20px;font-size:1.15rem;color:#f5f0e4}.um-checkbox-list{display:flex;flex-direction:column;gap:8px}.um-checkbox-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(212,175,55,.15);border-radius:8px;cursor:pointer;color:#f5f0e4;font-size:.9rem;transition:border-color .15s ease}.um-checkbox-row:hover{border-color:#d4af3766}.um-checkbox-row input{width:16px;height:16px;accent-color:#D4AF37;cursor:pointer}.um-modal-done-btn{margin-top:20px;width:100%;padding:11px;background:linear-gradient(135deg,#d4af37,#c8960a);color:#1a1000;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease}.um-modal-done-btn:hover{box-shadow:0 6px 20px #d4af3766}.um-form-fields{display:flex;flex-direction:column;gap:16px}.um-field label{display:block;margin-bottom:6px;font-size:.82rem;font-weight:600;color:#c9bfa4}.um-field input,.um-field select{width:100%;padding:10px 12px;border:1px solid rgba(212,175,55,.2);border-radius:8px;background:#1a1610;color:#f5f0e8;font-size:.9rem;box-sizing:border-box}.um-field input:focus,.um-field select:focus{outline:none;border-color:#d4af3780}.um-modal-actions{display:flex;gap:12px;margin-top:24px}.um-modal-actions .um-modal-cancel-btn,.um-modal-actions .um-modal-done-btn{flex:1;margin-top:0}.um-modal-cancel-btn{padding:11px;background:transparent;color:#8a7e65;border:1px solid rgba(212,175,55,.2);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease}.um-modal-cancel-btn:hover{border-color:#d4af3766;color:#c9bfa4}@media(max-width:700px){.um-table-wrap{font-size:.85rem}}.profile-container{padding:24px;max-width:720px;margin:0 auto}.profile-loading{text-align:center;padding:80px 0;color:#8a7e65;font-size:1rem}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.profile-identity{display:flex;align-items:center;gap:18px}.profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#b8860b);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#1a1000;flex-shrink:0;box-shadow:0 0 24px #d4af3740}.profile-name{margin:0;font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#f0d060,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-email{display:flex;align-items:center;gap:6px;margin:6px 0 0;color:#8a7e65;font-size:.9rem}.profile-edit-btn{padding:9px 18px;background:transparent;color:#d4af37;border:1px solid rgba(212,175,55,.3);border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.profile-edit-btn:hover{border-color:#d4af3799;background:#d4af3714;color:#f0d060}.profile-card{background:#100e0abf;border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:28px;box-shadow:0 4px 20px #0006}.profile-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding-bottom:24px;border-bottom:1px solid rgba(212,175,55,.12)}.profile-meta-item{display:flex;flex-direction:column;gap:6px}.profile-meta-label{font-size:.72rem;font-weight:600;color:#8a7e65;text-transform:uppercase;letter-spacing:.06em}.profile-meta-value{font-size:.95rem;color:#f5f0e4;font-weight:500}.profile-role-badge,.profile-status-badge{display:inline-flex;width:fit-content;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:600;text-transform:capitalize}.profile-role-badge.admin{color:#f0d060;background:#d4af3724;border:1px solid rgba(212,175,55,.3)}.profile-role-badge.member{color:#c9bfa4;background:#d4af370f;border:1px solid rgba(212,175,55,.15)}.profile-status-badge.ok{color:#34d399;background:#34d3991a;border:1px solid rgba(52,211,153,.25)}.profile-status-badge.warn{color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.25)}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;background:#0003;border-radius:12px;border:1px solid rgba(212,175,55,.1)}.profile-stat-value{font-size:1.3rem;font-weight:700;color:#d4af37}.profile-stat-label{font-size:.75rem;color:#8a7e65}.profile-edit-form{display:flex;flex-direction:column;gap:20px}.profile-field label{display:block;font-size:.85rem;font-weight:600;color:#c9bfa4;margin-bottom:8px}.profile-field input{width:100%;padding:12px 14px;border:1px solid rgba(212,175,55,.2);border-radius:8px;font-size:.95rem;background:#1a1610;color:#f5f0e8;box-sizing:border-box}.profile-field input:focus{outline:none;border-color:#d4af3799;box-shadow:0 0 0 3px #d4af371a}.profile-edit-actions{display:flex;justify-content:flex-end;gap:12px}.profile-cancel-btn,.profile-save-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.profile-cancel-btn{background:transparent;color:#8a7e65;border:1px solid rgba(212,175,55,.15)}.profile-cancel-btn:hover{border-color:#d4af374d;color:#c9bfa4}.profile-save-btn{background:linear-gradient(135deg,#d4af37,#c8960a);color:#1a1000;border:none;box-shadow:0 4px 12px #d4af374d}.profile-save-btn:hover{box-shadow:0 6px 20px #d4af3766;transform:translateY(-1px)}@media(max-width:600px){.profile-stats-grid{grid-template-columns:1fr}}.user-approvals-container{max-width:1200px;margin:0 auto;padding:2rem}.approvals-header{margin-bottom:2rem}.header-content{margin-bottom:1.5rem}.filter-tabs{display:flex;gap:.5rem;padding:.25rem;background:#f3f4f6;border-radius:.75rem;width:fit-content}.filter-tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;background:transparent;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;color:#6b7280;transition:all .2s}.filter-tab:hover{color:#374151;background:#e5e7eb}.filter-tab.active{background:#fff;color:#d4af37;box-shadow:0 1px 3px #0000001a}.approvals-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.stat-card.pending svg{color:#f59e0b}.stat-card.approved svg{color:#d4af37}.stat-card.denied svg{color:#ef4444}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:#1f2937;line-height:1}.stat-label{font-size:.875rem;color:#6b7280;margin-top:.25rem}.users-list{display:flex;flex-direction:column;gap:1rem}.user-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;transition:all .2s;border-left:4px solid transparent}.user-card:hover{box-shadow:0 4px 6px #0000001a;transform:translate(4px)}.user-card.pending{border-left-color:#f59e0b}.user-card.approved{border-left-color:#d4af37}.user-card.denied{border-left-color:#ef4444;opacity:.7}.user-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#b8860b);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.user-details{display:flex;flex-wrap:wrap;gap:1rem;color:#6b7280;font-size:.875rem}.detail-item{display:flex;align-items:center;gap:.375rem}.user-status{flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.approved{background:#d4af3726;color:#c8960a}.status-badge.denied{background:#fee2e2;color:#dc2626}.user-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.approve{background:#d4af37;color:#fff}.action-btn.approve:hover{background:#c8960a;transform:scale(1.05)}.action-btn.deny{background:#ef4444;color:#fff}.action-btn.deny:hover{background:#dc2626;transform:scale(1.05)}.empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.empty-state svg{margin:0 auto 1rem;opacity:.5}.empty-state p{margin:0;font-size:1rem}.access-denied{text-align:center;padding:4rem 2rem;color:#6b7280}.access-denied svg{margin:0 auto 1rem;color:#ef4444}.access-denied h2{font-size:1.75rem;color:#374151;margin:0 0 .5rem}.access-denied p{margin:0;font-size:1rem}html.dark-mode .stat-card{background:#100e0a;box-shadow:0 1px 3px #0006}html.dark-mode .stat-value{color:#f5f0e8}html.dark-mode .stat-label{color:#c8bfa8}html.dark-mode .user-card{background:#100e0a;box-shadow:0 1px 3px #0006}html.dark-mode .user-name{color:#f5f0e8}html.dark-mode .user-details{color:#c8bfa8}html.dark-mode .filter-tabs{background:#d4af3714}html.dark-mode .filter-tab{color:#c8bfa8}html.dark-mode .filter-tab:hover{color:#d4af37;background:#d4af371a}html.dark-mode .filter-tab.active{background:#d4af3726;color:#d4af37;box-shadow:none}html.dark-mode .empty-state h3,html.dark-mode .access-denied h2{color:#f5f0e8}html.dark-mode .subtitle,html.dark-mode .empty-state,html.dark-mode .access-denied{color:#c8bfa8}@media(max-width:768px){.user-card{flex-direction:column;align-items:flex-start;gap:1rem}.user-actions{width:100%}.action-btn{flex:1;justify-content:center}.approvals-stats{grid-template-columns:1fr}}.org-management-container{max-width:1400px;margin:0 auto;padding:2rem}.org-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.header-content h1{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#d4af37,#c8960a,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.header-icon{width:32px;height:32px;color:#d4af37;-webkit-text-fill-color:initial}.subtitle{color:#6b7280;font-size:.95rem;margin:0}.org-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.org-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s;border:1px solid #e5e7eb}.org-card:hover{box-shadow:0 4px 6px #d4af371a;transform:translateY(-2px);border-color:#d4af37}.org-card-header{display:flex;gap:1rem;margin-bottom:1.5rem}.org-avatar{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#d4af37,#b8860b);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;flex-shrink:0}.org-info{flex:1;min-width:0}.org-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.org-description{font-size:.875rem;color:#6b7280;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.org-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{padding:.5rem;border:none;background:#f3f4f6;border-radius:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn:hover{transform:scale(1.1)}.action-btn.edit{color:#d4af37}.action-btn.edit:hover{background:#d4af3714}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background:#fee2e2}.org-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.stat-item{display:flex;align-items:center;gap:.625rem}.stat-item svg{color:#d4af37;flex-shrink:0}.stat-icon{font-size:1.25rem;flex-shrink:0}.stat-value{font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1}.stat-label{font-size:.75rem;color:#6b7280;margin-top:.125rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.empty-state svg{margin:0 auto 1.5rem;color:#9ca3af;opacity:.5}.empty-state h3{font-size:1.5rem;color:#374151;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0 0 2rem;font-size:1rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff;border:none;border-radius:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #d4af3733}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #d4af374d}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.loading{text-align:center;padding:4rem 2rem;font-size:1.25rem;color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:1rem;max-width:500px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.close-btn{padding:.5rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.5rem;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.95rem;color:#1f2937;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.form-group textarea{resize:vertical;min-height:80px}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}html.dark-mode .org-card{background:#100e0a;border-color:#d4af3733}html.dark-mode .org-name,html.dark-mode .stat-value{color:#f5f0e8}html.dark-mode .org-description,html.dark-mode .stat-label,html.dark-mode .subtitle{color:#c8bfa8}html.dark-mode .org-stats{border-top-color:#d4af3726}html.dark-mode .action-btn{background:#d4af3714}html.dark-mode .empty-state,html.dark-mode .loading{background:transparent;color:#c8bfa8}html.dark-mode .empty-state h3{color:#f5f0e8}html.dark-mode .modal-overlay{background:#000000bf}html.dark-mode .modal-content{background:#100e0a;border:1px solid rgba(212,175,55,.2)}html.dark-mode .modal-header{border-bottom-color:#d4af3726}html.dark-mode .modal-header h2{color:#f5f0e8}html.dark-mode .modal-footer{border-top-color:#d4af3726}html.dark-mode .form-group label{color:#c8bfa8}html.dark-mode .form-group input,html.dark-mode .form-group textarea{background:#1f1c12;border-color:#d4af3733;color:#f5f0e8}html.dark-mode .btn-secondary{background:#d4af3714;color:#d4af37;border-color:#d4af3740}html.dark-mode .btn-secondary:hover{background:#d4af3726;border-color:#d4af3766}html.dark-mode .close-btn{color:#c8bfa8}html.dark-mode .close-btn:hover{background:#d4af371a;color:#d4af37}@media(max-width:768px){.org-management-container{padding:1rem}.org-header{flex-direction:column;align-items:stretch}.org-grid,.org-stats{grid-template-columns:1fr}.modal-content{max-height:95vh}}.dark-mode-toggle{background:transparent;border:none;color:#8a7e65;padding:6px;border-radius:8px;cursor:pointer;transition:color .15s ease,background .15s ease;display:flex;align-items:center;justify-content:center}.dark-mode-toggle:hover{color:#d4af37;background:#d4af371a}.dark-mode-toggle:active{transform:scale(.95)}:root{--text-color: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--hover-bg: #f3f4f6;--card-bg: #ffffff;--primary-color: #C8960A}html.dark-mode{--text-color: #f5f0e8;--text-secondary: #c8bfa8;--border-color: #2A2618;--hover-bg: #2A2618;--card-bg: #17150F;--primary-color: #D4AF37}.issues-page{padding:24px;max-width:1100px;margin:0 auto}.issues-loading{padding:60px;text-align:center;color:var(--text-secondary)}.issues-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.issues-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;color:var(--text-color)}.issues-subtitle{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.issues-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:transform .1s ease,opacity .15s ease}.issues-btn:disabled{opacity:.5;cursor:not-allowed}.issues-btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#A67C00 100%);color:#fff}.issues-btn-primary:hover:not(:disabled){transform:translateY(-1px)}.issues-btn-secondary{background:var(--hover-bg);color:var(--text-color)}.issues-btn-danger{background:transparent;color:#ef4444}.issues-alert{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;background:#fef3c7;color:#92400e;border:1px solid #f59e0b;margin-bottom:16px;font-size:13px}.issues-filters{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.issues-status-tabs{display:flex;gap:4px;flex-wrap:wrap}.issues-status-tabs button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer}.issues-status-tabs button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.issues-count{opacity:.75;font-weight:500}.issues-org-select{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);font-size:13px}.issues-empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.issues-empty h3{margin:12px 0 4px;color:var(--text-color)}.issues-list{display:flex;flex-direction:column;gap:10px}.issue-card{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;border-radius:10px;border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;transition:border-color .15s ease}.issue-card:hover{border-color:var(--primary-color)}.issue-card-main{flex:1;min-width:0}.issue-card-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.issue-title{margin:0;font-size:15px;font-weight:700;color:var(--text-color)}.issue-description{margin:0 0 8px;font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.issue-meta{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary)}.issue-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.status-open{background:#dbeafe;color:#1e40af}.status-in-progress{background:#fef3c7;color:#92400e}.status-resolved{background:#d1fae5;color:#065f46}.status-billed{background:#ede9fe;color:#5b21b6}.status-closed{background:#e5e7eb;color:#374151}.priority-low{background:#f3f4f6;color:#6b7280}.priority-medium{background:#e0f2fe;color:#0369a1}.priority-high{background:#fee2e2;color:#b91c1c}.priority-urgent{background:#fecaca;color:#991b1b}html.dark-mode .status-open{background:#1e3a5f;color:#93c5fd}html.dark-mode .status-in-progress{background:#451a03;color:#fcd34d}html.dark-mode .status-resolved{background:#064e3b;color:#6ee7b7}html.dark-mode .status-billed{background:#3b0764;color:#d8b4fe}html.dark-mode .status-closed{background:#374151;color:#d1d5db}html.dark-mode .priority-low{background:#374151;color:#9ca3af}html.dark-mode .priority-medium{background:#0c4a6e;color:#7dd3fc}html.dark-mode .priority-high{background:#450a0a;color:#fca5a5}html.dark-mode .priority-urgent{background:#7f1d1d;color:#fecaca}.issue-card-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.issue-amount{font-weight:700;color:var(--text-color);white-space:nowrap}.issue-card-actions{display:flex;gap:4px}.issue-card-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer}.issue-card-actions button:hover{background:var(--hover-bg);color:var(--text-color)}.issue-delete-btn:hover{color:#ef4444!important}.issues-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.issues-modal{background:var(--card-bg);border-radius:12px;width:100%;max-width:620px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.issues-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.issues-modal-header h3{margin:0;color:var(--text-color);font-size:17px}.issues-close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex}.issues-modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.issues-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.issues-form-group{display:flex;flex-direction:column;gap:6px}.issues-form-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.issues-form-group input,.issues-form-group select,.issues-form-group textarea{padding:9px 10px;border-radius:7px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);font-size:14px;font-family:inherit}.issues-form-group textarea{resize:vertical}.issues-billed-note{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:#ede9fe;color:#5b21b6;font-size:13px}html.dark-mode .issues-billed-note{background:#3b0764;color:#d8b4fe}.issues-form-error{display:flex;align-items:center;gap:6px;color:#ef4444;font-size:13px}.issues-modal-footer{display:flex;align-items:center;gap:8px;padding:16px 20px;border-top:1px solid var(--border-color)}.invoices-page{padding:24px;max-width:1000px;margin:0 auto}.invoices-loading{padding:60px;text-align:center;color:var(--text-secondary)}.invoices-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.invoices-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;color:var(--text-color)}.invoices-subtitle{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.invoices-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.invoices-btn:disabled{opacity:.5;cursor:not-allowed}.invoices-btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#A67C00 100%);color:#fff;margin-left:auto}.invoices-btn-secondary{background:var(--hover-bg);color:var(--text-color)}.invoices-btn-danger{background:#fee2e2;color:#b91c1c}html.dark-mode .invoices-btn-danger{background:#450a0a;color:#fca5a5}.invoices-empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.invoices-empty h3{margin:12px 0 4px;color:var(--text-color)}.invoices-table-wrap{overflow-x:auto;border:1px solid var(--border-color);border-radius:10px}.invoices-table{width:100%;border-collapse:collapse;font-size:14px}.invoices-table th{text-align:left;padding:10px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.invoices-table td{padding:12px 14px;border-bottom:1px solid var(--border-color);color:var(--text-color)}.invoices-table tbody tr{cursor:pointer}.invoices-table tbody tr:hover{background:var(--hover-bg)}.invoices-table .align-right{text-align:right}.invoices-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:#ef4444;cursor:pointer}.invoice-status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.invoice-status-badge.status-draft{background:#e5e7eb;color:#374151}.invoice-status-badge.status-sent{background:#dbeafe;color:#1e40af}.invoice-status-badge.status-paid{background:#d1fae5;color:#065f46}.invoice-status-badge.status-void{background:#fee2e2;color:#991b1b}html.dark-mode .invoice-status-badge.status-draft{background:#374151;color:#d1d5db}html.dark-mode .invoice-status-badge.status-sent{background:#1e3a5f;color:#93c5fd}html.dark-mode .invoice-status-badge.status-paid{background:#064e3b;color:#6ee7b7}html.dark-mode .invoice-status-badge.status-void{background:#450a0a;color:#fca5a5}.invoice-builder{display:flex;flex-direction:column;gap:20px}.invoice-builder-section{padding:16px;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg)}.invoice-builder-section h4{margin:0 0 10px;color:var(--text-color);font-size:14px}.invoice-builder-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-color);padding:6px 0;cursor:pointer}.invoice-builder-issue-list{display:flex;flex-direction:column;gap:4px}.invoice-builder-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}.invoice-builder-table td{padding:6px 4px;color:var(--text-color);border-bottom:1px solid var(--border-color)}.invoice-builder-table .align-right{text-align:right}.invoice-builder-custom-row{display:flex;gap:8px;margin-bottom:8px;align-items:center}.invoice-builder-custom-row input[type=text]{flex:1;padding:8px 10px;border-radius:7px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color)}.invoice-builder-custom-row input[type=number]{width:120px;padding:8px 10px;border-radius:7px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color)}.invoice-builder-custom-row button{background:none;border:none;color:#ef4444;cursor:pointer;display:flex}.invoice-builder-total{display:flex;justify-content:flex-end;align-items:baseline;gap:12px;font-size:15px;color:var(--text-color);padding:0 16px}.invoice-builder-total strong{font-size:24px;color:var(--primary-color)}.invoice-builder-actions{display:flex;justify-content:flex-end;gap:8px}.invoices-email-status{font-size:13px;margin:-8px 0 16px}.invoices-email-status.success{color:#10b981}.invoices-email-status.error{color:#ef4444}.invoice-print-sheet{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px}.invoice-print-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.invoice-print-header h1{margin:0;font-size:30px;color:var(--text-color);letter-spacing:-.5px}.invoice-print-header p{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.invoice-print-total{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.invoice-print-total span:first-child{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.invoice-print-total strong{font-size:32px;color:var(--primary-color)}.invoice-print-billto{margin-bottom:24px}.invoice-print-billto h4{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.invoice-print-billto p{margin:2px 0;color:var(--text-color)}.invoice-print-table{width:100%;border-collapse:collapse;margin-bottom:20px}.invoice-print-table th{text-align:left;padding:10px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.invoice-print-table td{padding:10px 8px;border-bottom:1px solid var(--border-color);color:var(--text-color)}.invoice-print-table .align-right{text-align:right}.invoice-print-table tfoot td{border-top:2px solid var(--primary-color);border-bottom:none;font-weight:700;font-size:16px;padding-top:14px}.invoice-print-note{padding:12px 16px;border-radius:8px;background:var(--hover-bg);color:var(--text-color);font-size:13px}@media print{.no-print{display:none!important}.invoices-page{padding:0;max-width:100%}.invoice-print-sheet{border:none;border-radius:0;padding:0}}.cmdk-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:9999;animation:cmdk-fade-in .15s ease}@keyframes cmdk-fade-in{0%{opacity:0}to{opacity:1}}.cmdk-modal{width:90%;max-width:560px;max-height:60vh;display:flex;flex-direction:column;background:#100e0a;border:1px solid rgba(212,175,55,.3);border-radius:14px;box-shadow:0 24px 64px #000000b3,0 0 48px #d4af371f;overflow:hidden;animation:cmdk-slide-down .18s ease}@keyframes cmdk-slide-down{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.cmdk-input{padding:18px 20px;border:none;border-bottom:1px solid rgba(212,175,55,.2);background:transparent;color:#f5f0e4;font-size:1.05rem}.cmdk-input:focus{outline:none}.cmdk-input::placeholder{color:#5a5040}.cmdk-list{overflow-y:auto;padding:6px}.cmdk-empty{padding:24px;text-align:center;color:#8a7e65;font-size:.9rem}.cmdk-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;text-align:left;cursor:pointer;transition:background .1s ease}.cmdk-item.active{background:#d4af3724}.cmdk-item-label{color:#f5f0e4;font-size:.95rem}.cmdk-item.active .cmdk-item-label{color:#f0d060}.cmdk-item-sublabel{color:#8a7e65;font-size:.78rem}.cmdk-footer{display:flex;gap:16px;padding:10px 16px;border-top:1px solid rgba(212,175,55,.15);background:#0003;font-size:.75rem;color:#8a7e65}.cmdk-footer kbd{background:#d4af371a;border:1px solid rgba(212,175,55,.2);border-radius:4px;padding:1px 5px;font-family:Courier New,monospace;color:#c9bfa4}.mobile-nav{display:none}@media(max-width:768px){.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:200;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem;min-height:calc(4.75rem + env(safe-area-inset-bottom,0px));padding:.5rem max(.4rem,env(safe-area-inset-right,.4rem)) max(.5rem,env(safe-area-inset-bottom,.5rem)) max(.4rem,env(safe-area-inset-left,.4rem));border-top:1px solid rgba(212,175,55,.2);background:#080807f5;box-shadow:0 -8px 32px #00000080;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:3.6rem;padding:.25rem .15rem;border:none;border-radius:12px;background:transparent;color:#8a7e65;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-nav-item:active{transform:scale(.96)}.mobile-nav-item.active{color:#f0d060}.mobile-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:11px;background:transparent}.mobile-nav-item.active .mobile-nav-icon{background:#d4af3724;box-shadow:0 0 14px #d4af3733}.mobile-nav-icon svg{width:1.4rem;height:1.4rem}.mobile-nav-label{font-size:.66rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.mobile-sheet-backdrop{position:fixed;inset:0;z-index:510;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;animation:mobile-sheet-fade .15s ease}@keyframes mobile-sheet-fade{0%{opacity:0}to{opacity:1}}.mobile-sheet{width:100%;background:#100e0a;border-top:1px solid rgba(212,175,55,.25);border-radius:20px 20px 0 0;padding:10px 16px max(16px,env(safe-area-inset-bottom,16px));box-shadow:0 -16px 48px #0009;animation:mobile-sheet-up .2s ease}@keyframes mobile-sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-sheet-handle{width:36px;height:4px;border-radius:2px;background:#d4af374d;margin:4px auto 14px}.mobile-sheet-email{text-align:center;font-size:.78rem;color:#8a7e65;margin-bottom:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-sheet-list{display:flex;flex-direction:column;gap:2px}.mobile-sheet-item{display:block;width:100%;text-align:left;padding:14px 12px;background:transparent;border:none;border-radius:10px;color:#f5f0e4;font-size:.95rem;font-weight:500;cursor:pointer}.mobile-sheet-item:active{background:#d4af371a}.mobile-sheet-item.active{color:#f0d060;background:#d4af3714}.mobile-sheet-item--danger{color:#f87171}.mobile-sheet-divider{height:1px;background:#d4af371f;margin:10px 0}#root{width:100%;margin:0;padding:0;min-height:100vh}.app-container{max-width:1600px;margin:0 auto;padding:20px;padding-top:max(20px,env(safe-area-inset-top,20px));padding-bottom:max(20px,env(safe-area-inset-bottom,20px));padding-left:max(20px,env(safe-area-inset-left,20px));padding-right:max(20px,env(safe-area-inset-right,20px))}@media(max-width:768px){.nav-bar{display:none}.app-container{padding-bottom:max(96px,calc(80px + env(safe-area-inset-bottom,0px)))}}.nav-bar{display:flex;align-items:center;gap:8px;margin-bottom:32px;background:#100e0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 20px;border-radius:14px;border:1px solid rgba(212,175,55,.15);box-shadow:0 4px 24px #00000080;position:sticky;top:20px;z-index:100}.nav-brand{display:flex;align-items:center;margin-right:20px}.nav-logo{height:30px;width:30px;border-radius:8px;filter:drop-shadow(0 0 8px rgba(212,175,55,.35))}.nav-tabs{display:flex;align-items:center;gap:4px;flex:1;overflow-x:auto;overflow-y:hidden}.nav-tabs button{background:transparent;color:#8a7e65;border:none;padding:8px 4px;font-size:.8rem;font-weight:600;letter-spacing:.03em;cursor:pointer;white-space:nowrap;position:relative;transition:color .15s ease}.nav-tabs button+button{margin-left:14px}.nav-tabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#d4af37,#f0d060);border-radius:2px;transform:scaleX(0);transition:transform .2s ease}.nav-tabs button:hover{color:#c9bfa4}.nav-tabs button.active{color:#f0d060}.nav-tabs button.active:after{transform:scaleX(1)}.nav-actions{display:flex;gap:16px;align-items:center;margin-left:12px}.nav-user-email{font-size:.75rem;font-weight:500;color:#5a5040;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-add-time{background:transparent!important;color:#d4af37!important;border:1px solid rgba(212,175,55,.3)!important;padding:6px 14px!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer;transition:all .15s ease!important}.nav-add-time:hover{border-color:#d4af3799!important;background:#d4af3714!important;color:#f0d060!important}.nav-signout{background:transparent!important;border:none!important;color:#5a5040!important;font-size:.78rem!important;font-weight:500!important;cursor:pointer;padding:6px 4px!important;transition:color .15s ease!important}.nav-signout:hover{color:#d4af37!important}.editable-field{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.editable-field input,.editable-field select{padding:6px 10px;border:1.5px solid #ddd;border-radius:4px;font-size:.9rem}.editable-field input:focus,.editable-field select:focus{outline:none;border-color:#d4af37}.editable-field button{padding:6px 12px;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s}.save-btn{background:#d4af37;color:#fff}.save-btn:hover{background:#c8960a}.cancel-btn{background:#f44336;color:#fff}.cancel-btn:hover{background:#d32f2f}.clickable{cursor:pointer;transition:all .2s;padding:4px 8px;border-radius:4px}.clickable:hover{background:#d4af371a}.entry-tags{background:#d4af371a;color:#d4af37;padding:4px 10px;border-radius:6px;font-size:.9rem;font-weight:500}.entry-project{background:#d4af371f;color:#c8960a;padding:4px 10px;border-radius:6px;font-size:.9rem;font-weight:500}button:disabled{opacity:.5;cursor:not-allowed}.tags-input,.project-select{min-width:150px}:root{--bg-primary: #faf9f7;--bg-secondary: #f3f1ec;--bg-tertiary: #e8e4da;--bg-accent: #f0ead8;--text-primary: #1a1500;--text-secondary: #4a4030;--text-tertiary: #7a6e58;--border-primary: #ddd5c0;--border-secondary: #ede8da;--primary-color: #C8960A;--primary-hover: #A67C00;--primary-light: #fef3c7;--secondary-color: #D4AF37;--secondary-hover: #F0D060;--secondary-light: #fdf6d8;--accent-color: #C8960A;--accent-hover: #A67C00;--accent-light: #fef9e7;--success-color: #10b981;--success-hover: #059669;--success-light: #d1fae5;--error-color: #ef4444;--error-hover: #dc2626;--error-light: #fee2e2;--warning-color: #D4AF37;--warning-hover: #C8960A;--warning-light: #fef3c7;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--shadow-colored: 0 4px 20px rgba(212, 175, 55, .3)}html.dark-mode{--bg-primary: #0a0906;--bg-secondary: #100e0a;--bg-tertiary: #17140d;--bg-accent: #1e1a10;--text-primary: #f5f0e4;--text-secondary: #c9bfa4;--text-tertiary: #8a7e65;--border-primary: #2a2419;--border-secondary: #1c1810;--border-gold: rgba(212, 175, 55, .35);--primary-color: #D4AF37;--primary-hover: #F0D060;--primary-light: #201c11;--secondary-color: #C8960A;--secondary-hover: #E8C040;--secondary-light: #2a2313;--accent-color: #D4AF37;--accent-hover: #F0D060;--accent-light: #2a2313;--success-color: #34d399;--success-hover: #6ee7b7;--success-light: #064e3b;--error-color: #f87171;--error-hover: #fca5a5;--error-light: #450a0a;--warning-color: #D4AF37;--warning-hover: #F0D060;--warning-light: #2a2313;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .6);--shadow-md: 0 4px 16px rgba(0, 0, 0, .7);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .8);--shadow-colored: 0 4px 24px rgba(212, 175, 55, .28);--shadow-gold-glow: 0 0 40px rgba(212, 175, 55, .18)}html.dark-mode,html.dark-mode body,html.dark-mode #root{color:var(--text-primary)}body{background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.app-container,.tracker-container,.dashboard-container,.projects-container{background:var(--bg-primary);color:var(--text-primary)}.timer-section,.entries-section,.add-project-section,.projects-section,.dashboard-filters,.report-section,.preview-section{background:var(--bg-primary)!important;border-color:var(--border-primary)!important}.entry-card,.project-card,.summary-card,.dashboard-entry,.time-editor,.shortcuts-modal{background:var(--bg-primary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}h1,h2,h3,h4,h5,h6{color:var(--text-primary)!important}input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),textarea,select{background:var(--bg-secondary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}input:focus,textarea:focus,select:focus{border-color:var(--primary-color)!important}input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:.7}.stats-table,.entries-table{background:var(--bg-primary)}.stats-table thead,.entries-table thead{background:var(--bg-accent)!important}.stats-table tbody tr:hover,.entries-table tbody tr:hover{background:var(--bg-tertiary)!important}.stats-table td,.entries-table td{border-color:var(--border-secondary)!important;color:var(--text-primary)!important}.active-timer{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)!important;color:#fff!important}.recent-tasks{background:var(--bg-accent)!important;border-color:var(--border-primary)!important}.recent-task-item{background:var(--bg-secondary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}.recent-task-description,.recent-task-tags{color:var(--text-primary)!important}.entry-tags,.tag-badge,.project-tags-display .tag{background:var(--primary-light)!important;color:var(--primary-color)!important}.shortcuts-modal{background:var(--bg-primary)!important}.shortcuts-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)!important}.shortcuts-footer{background:var(--bg-accent)!important;border-color:var(--border-primary)!important}.shortcut-description{color:var(--text-primary)!important}.user-email,.summary-label,.meta-label,.preview-time,.time-info,.entry-time,.entry-duration,.preview-name,.project-description,.no-entries,.no-projects,.no-data{color:var(--text-secondary)!important}.entry-main h3,.project-header h4{color:var(--text-primary)!important}.entry-content,.project-stat-card,.preview-item,.time-display{color:var(--text-primary)}.preview-bar,.mini-bar,.daily-bar{background:var(--border-primary)}html.dark-mode .entry-card:hover,html.dark-mode .project-card:hover,html.dark-mode .summary-card:hover,html.dark-mode .recent-task-item:hover{box-shadow:var(--shadow-md)}.autocomplete-suggestions{background:var(--bg-primary)!important;border-color:var(--primary-color)!important}.autocomplete-suggestions li{color:var(--text-primary)!important;border-color:var(--border-secondary)!important}.autocomplete-suggestions li:hover{background:var(--bg-accent)!important}.autocomplete-suggestions li.active{background:var(--primary-light)!important}.editable-field input,.editable-field select{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-primary)!important}.time-editor{background:var(--bg-accent)!important}.time-field label,.form-group label,.filter-group label,.datetime-group label{color:var(--text-secondary)!important}.report-selector button,.quick-filters button{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.report-selector button:hover,.quick-filters button:hover{border-color:var(--primary-color);color:var(--primary-color)}.report-selector button.active{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}span,p,div,td,th,label{color:inherit}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}button{transition:background-color .2s ease,transform .2s ease!important}