body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--steampunk-dark-bronze:#3d2817;--steampunk-bronze:#6b4423;--steampunk-light-bronze:#8b6239;--steampunk-brass:#b8860b;--steampunk-gold:#d4af37;--steampunk-copper:#b87333;--steampunk-dark-steel:#2c3e50;--steampunk-steel:#34495e;--steampunk-light-steel:#7f8c8d;--steampunk-cream:#f4e8d0;--steampunk-parchment:#e8dcc4;--steampunk-leather:#8b4513;--steampunk-emerald:#2d5016;--steampunk-rust:sienna}*{box-sizing:border-box}body{background:linear-gradient(135deg,#3d2817,#6b4423 50%,#2c3e50);background:linear-gradient(135deg,var(--steampunk-dark-bronze) 0,var(--steampunk-bronze) 50%,var(--steampunk-dark-steel) 100%);background-attachment:fixed;color:#f4e8d0;color:var(--steampunk-cream);font-family:Georgia,Times New Roman,serif;margin:0}.App{min-height:100vh;text-align:center}button{background:linear-gradient(145deg,#b8860b,#b87333);background:linear-gradient(145deg,var(--steampunk-brass),var(--steampunk-copper));border:2px solid #d4af37;border:2px solid var(--steampunk-gold);box-shadow:inset 0 1px 0 #ffffff4d,0 4px 8px #0006,0 0 10px #d4af374d;color:#f4e8d0;color:var(--steampunk-cream);font-family:Georgia,Times New Roman,serif;font-weight:700;padding:10px 20px;position:relative;text-shadow:0 1px 2px #000000b3;transition:all .3s ease}button:hover:not(:disabled){background:linear-gradient(145deg,#d4af37,#b8860b);background:linear-gradient(145deg,var(--steampunk-gold),var(--steampunk-brass));box-shadow:inset 0 1px 0 #fff6,0 6px 12px #00000080,0 0 15px #d4af3780;transform:translateY(-2px)}button:active:not(:disabled){box-shadow:inset 0 1px 0 #fff3,0 2px 4px #0006;transform:translateY(0)}button:disabled{background:linear-gradient(145deg,#7f8c8d,#34495e);background:linear-gradient(145deg,var(--steampunk-light-steel),var(--steampunk-steel));border-color:#7f8c8d;border-color:var(--steampunk-light-steel);cursor:not-allowed;opacity:.5}input,select,textarea{background:#e8dcc4;background:var(--steampunk-parchment);border:2px solid #6b4423;border:2px solid var(--steampunk-bronze);box-shadow:inset 0 2px 4px #0003;color:#3d2817;color:var(--steampunk-dark-bronze);font-family:Georgia,Times New Roman,serif;padding:8px 12px;transition:all .3s ease}input:focus,select:focus,textarea:focus{border-color:#d4af37;border-color:var(--steampunk-gold);box-shadow:inset 0 2px 4px #0003,0 0 8px #d4af3766;outline:none}h1,h2,h3,h4,h5,h6{color:#d4af37;color:var(--steampunk-gold);font-weight:700;letter-spacing:1px;text-shadow:2px 2px 4px #000000b3}@keyframes steam-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes gear-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.prelogin-container{align-items:center;background:linear-gradient(135deg,var(--steampunk-dark-steel) 0,var(--steampunk-bronze) 50%,var(--steampunk-dark-bronze) 100%);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.prelogin-container:before{background-image:radial-gradient(circle at 20% 30%,#b8860b1a 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b45131a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.prelogin-container:after{animation:gear-spin 60s linear infinite;color:#6b44230d;content:"⚙";font-size:400px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(15deg)}.login-card,.signup-card{background:linear-gradient(135deg,var(--steampunk-parchment) 0,var(--steampunk-cream) 100%);border:4px solid var(--steampunk-bronze);border-radius:12px;box-shadow:inset 0 2px 6px #ffffff80,0 12px 24px #0009,0 0 0 8px #3d28174d;max-width:450px;padding:3rem 2.5rem;position:relative;width:100%;z-index:1}.login-card:before,.signup-card:before{background:repeating-linear-gradient(45deg,#0000,#0000 15px,#b8860b26 0,#b8860b26 30px);border-radius:12px;bottom:-4px;content:"";left:-4px;pointer-events:none;position:absolute;right:-4px;top:-4px;z-index:-1}.login-card h1,.signup-card h1{color:var(--steampunk-dark-bronze);font-size:32px;margin-bottom:2rem;padding-bottom:1rem;position:relative;text-align:center;text-shadow:2px 2px 4px #ffffff80}.login-card h1:after,.signup-card h1:after{background:linear-gradient(90deg,#0000,var(--steampunk-brass),#0000);bottom:0;box-shadow:0 2px 4px #0000004d;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.login-card h1:before,.signup-card h1:before{color:var(--steampunk-brass);content:"⚙";display:block;font-size:48px;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000004d}.Loginbox{display:flex;flex-direction:column;margin-bottom:1.5rem;width:100%}.Loginbox label{font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-shadow:1px 1px 0 #ffffff80;text-transform:uppercase}.Loginbox input,.Loginbox label{color:var(--steampunk-dark-bronze)}.Loginbox input{background:#ffffffe6;border:2px solid var(--steampunk-bronze);border-radius:6px;box-shadow:inset 0 2px 4px #00000026,0 1px 2px #ffffff80;font-family:Georgia,Times New Roman,serif;font-size:16px;padding:12px 16px;transition:all .3s ease}.Loginbox input:focus{background:#fff;border-color:var(--steampunk-brass);box-shadow:inset 0 2px 4px #0003,0 0 12px #d4af3766,0 1px 2px #ffffff80;outline:none}.login-button,.signup-button{background:linear-gradient(145deg,var(--steampunk-brass),var(--steampunk-copper));border:3px solid var(--steampunk-gold);border-radius:8px;box-shadow:inset 0 2px 4px #ffffff4d,0 6px 12px #0006;color:var(--steampunk-cream);cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;margin-top:1rem;padding:14px 24px;text-shadow:2px 2px 4px #000000b3;text-transform:uppercase;transition:all .3s ease;width:100%}.login-button:hover,.signup-button:hover{background:linear-gradient(145deg,var(--steampunk-gold),var(--steampunk-brass));box-shadow:inset 0 2px 4px #fff6,0 8px 16px #00000080,0 0 20px #d4af3799;transform:translateY(-2px)}.login-button:active,.signup-button:active{box-shadow:inset 0 2px 4px #0000004d,0 4px 8px #0006;transform:translateY(0)}.switch-link{color:var(--steampunk-bronze);font-size:14px;margin-top:1.5rem;text-align:center}.switch-link a{color:var(--steampunk-brass);font-weight:700;text-decoration:none;text-shadow:1px 1px 2px #ffffff80;transition:all .3s ease}.switch-link a:hover{color:var(--steampunk-gold);text-shadow:0 0 8px #d4af3799}.error-message{background:linear-gradient(135deg,#8b0000,brown);border:2px solid #5c0000;border-radius:6px;box-shadow:inset 0 1px 2px #fff3,0 4px 8px #0006;color:var(--steampunk-cream);font-weight:600;margin-bottom:1rem;padding:12px 16px;text-align:center;text-shadow:1px 1px 2px #00000080}body>.dragging-layer{--default-background-color:#fff;border:none;font-size:14px;line-height:1.5;margin:0;opacity:.6;overflow:visible;padding:0;pointer-events:none;position:absolute!important;white-space:nowrap;z-index:9999}body>.dragging-layer>:first-child{box-shadow:0 0 8px #0000001a,inset 0 0 8px #0000001a;overflow:hidden!important;pointer-events:none!important;transform:translate(-50%,-50%)!important}body>.dragging-layer>.dragging{opacity:1!important}body>.dragging-layer>div:last-child{left:12px;position:absolute;top:12px}.drag-initiator{touch-action:none;user-select:none;-webkit-user-select:none}.drag-accept-reject:after{content:"🚫"}.dock{display:flex;height:100%;position:absolute;width:100%}.dock,.dock-bar{box-sizing:border-box;overflow:hidden}.dock-bar{zoom:1;font-size:14px;line-height:1.5;outline:none;position:relative;white-space:nowrap}.dock-ink-bar{background-color:#108ee9;box-sizing:border-box;height:0;margin-top:-3px;position:absolute;transform-origin:0 0;width:0}.dock-tab-btn-disabled{color:#ccc;cursor:default}.dock-nav-animated{transition:transform .25s cubic-bezier(.35,0,.25,1)}.dock-tab{background:#fafafd;border-bottom:1px solid #ddd;box-sizing:border-box;display:block;float:left;font-weight:500;height:30px;margin-right:10px;min-width:30px;outline:none;padding:0;position:relative;text-align:center;transition:color .25s cubic-bezier(.35,0,.25,1)}.dock-tab.dragging{opacity:.3}.dock-tab>div{outline-color:#108ee9;padding:4px 14px}.dock-tab:hover{color:#349fec}.dock-tab-active,.dock-tab-active:hover{color:#108ee9;cursor:default;transform:translateZ(0)}.dock-tab-disabled{color:#ccc;cursor:default}.dock-tab-disabled:hover{color:#ccc}.dock-content-animated{transition:margin .3s}.dock-bottom>.dock-nav .dock-ink-bar-animated,.dock-bottom>div>.dock-nav .dock-ink-bar-animated,.dock-top>.dock-nav .dock-ink-bar-animated,.dock-top>div>.dock-nav .dock-ink-bar-animated{transition:width .3s,left .3s,right .3s}.dock-content-animated .dock-tabpane{flex-shrink:0}.no-flexbox .dock-content{overflow:auto;transform:none!important}.dock-tabpane:not(.dock-tabpane-active){animation-duration:.5s;animation-name:dock-fadeOut}@keyframes dock-fadeOut{0%{height:100%;visibility:visible}to{height:100%;visibility:visible}}.dock-top{flex-direction:column}.dock-top .dock-bar{background:#fafafd;border-bottom:1px solid #f3f3f3;flex:0 0 auto;padding-left:8px}.dock-top .dock-content-animated{flex-direction:row}.dock-top .dock-tab-next{right:2px}.dock-top .dock-ink-bar{bottom:0;height:2px;left:0}.dock-tab-close-btn{color:#ddd;cursor:pointer;font-family:Fredoka One,sans-serif;font-size:12px;outline:none;position:absolute;right:-3px;text-align:center;top:6px;transition:all .25s ease-in-out;width:16px}.dock-tab-close-btn:before{content:"X"}.dock-tab-close-btn:focus,.dock-tab-close-btn:hover{color:#666;transform:scale(1.1)}.dock-tab-close-btn:focus,.dock-tab:hover .dock-tab-close-btn{color:#a2a2a2;opacity:1}.dock-tab-hit-area{bottom:0;left:-5px;pointer-events:none;position:absolute;right:-5px;top:0}.dock-content,.dock-pane-cache{height:100%;width:100%}.dock-content{display:flex}.dock-content-holder{flex:auto}.dock-top>.dock-content-holder{height:0}.dock-content .dock-tabpane{flex:none;height:100%;outline:none;overflow:hidden;position:relative;width:100%}.dock-nav{flex:none;position:relative}.dock-nav,.dock-nav-operations{display:flex}.dock-nav-more{align-self:flex-end;background:#0000;border:none;color:#000000d9;cursor:pointer;height:30px;position:relative}.dock-nav-more:after{box-shadow:inset -10px 0 8px -8px #00000014;content:"";height:30px;left:-30px;pointer-events:none;position:absolute;top:0;width:30px;z-index:1}.dock-nav-wrap{align-self:stretch;flex:auto;overflow:hidden;transform:translate(0);white-space:nowrap}.dock-nav-list,.dock-nav-wrap{display:flex;position:relative}.dock-nav-list{transition:transform .3s}.dock-extra-content{display:flex;height:30px}.dock-extra-content .dock-tab-close-btn{position:relative;right:4px}.dock-dropdown{font-feature-settings:"tnum";box-sizing:border-box;color:#000000d9;display:block;font-size:14px;font-variant:tabular-nums;left:-9999px;line-height:1.5715;list-style:none;margin:0;padding:0;position:absolute;top:-9999px;z-index:1050}.dock-dropdown-hidden{display:none}.dock-dropdown-menu{background-clip:padding-box;background-color:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px 0 #00000014,0 9px 28px 8px #0000000d;list-style-type:none;margin:0;max-height:200px;outline:none;overflow-x:hidden;overflow-y:auto;padding:4px 0;text-align:left}.dock-dropdown-menu-item{color:#000000d9;cursor:pointer;font-size:14px;font-weight:400;line-height:22px;margin:0;min-width:120px;overflow:hidden;padding:5px 12px;position:relative;text-overflow:ellipsis;transition:all .3s;white-space:nowrap}.dock-dropdown-menu-item .dock-tab-hit-area{left:0;right:0}.dock-dropdown-menu-item .dock-tab-close-btn{right:2px}.dock-dropdown-menu-item:hover{background:#f5f5f5}.dock-dropdown-menu-item-disabled,.dock-dropdown-menu-item-disabled:hover{background:0 0;color:#ccc;cursor:not-allowed}body.dock-dragging .dock-tab-hit-area{pointer-events:inherit}body.dock-dragging{user-select:none;-webkit-user-select:none}body.dock-dragging iframe{pointer-events:none}.dock-panel{background:#fff;border:1px solid #ddd;box-sizing:border-box;color:#000000d9}.dock-panel.dragging{opacity:.3}.dock-panel-drag-size{position:absolute;z-index:300}.dock-panel-drag-size-t{cursor:ns-resize;height:8px;left:4px;right:4px;top:-4px}.dock-panel-drag-size-b{bottom:-4px;cursor:ns-resize;height:8px;left:4px;right:4px}.dock-panel-drag-size-l{bottom:4px;cursor:ew-resize;left:-4px;top:4px;width:8px}.dock-panel-drag-size-r{bottom:4px;cursor:ew-resize;right:-4px;top:4px;width:8px}.dock-panel-drag-size-t-l{cursor:nwse-resize;height:8px;left:-4px;top:-4px;width:8px}.dock-panel-drag-size-t-r{cursor:nesw-resize;height:8px;right:-4px;top:-4px;width:8px}.dock-panel-drag-size-b-l{bottom:-4px;cursor:nesw-resize;height:8px;left:-4px;width:8px}.dock-panel-drag-size-b-r{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpath fill='rgba(0, 0, 0, 0.1)' d='M2 12 12 2v10z'/%3E%3C/svg%3E");bottom:-4px;cursor:nwse-resize;height:17px;right:-4px;width:17px}.divider-box,.dock-box{align-items:stretch;box-sizing:border-box;display:flex}.divider-box>:nth-child(odd){flex:1 1 auto}.dock-divider{background:#0000;box-sizing:border-box;flex:0 0 4px;z-index:1}.dock-hbox>.dock-divider{cursor:ew-resize;transform:scaleX(3)}.dock-vbox{flex-direction:column}.dock-vbox>.dock-divider{cursor:ns-resize;transform:scaleY(3)}.dock-fbox{pointer-events:none;z-index:200}.dock-fbox>.dock-panel{box-shadow:0 0 4px #aaa;pointer-events:visible;position:absolute}.dock-fbox>.dock-panel.dragging{opacity:.8;pointer-events:none}.dock-mbox{height:100%;width:100%;z-index:250}.dock-mbox>.dock-panel{box-shadow:0 0 4px #aaa;height:100%;width:100%}.dock-mbox.dock-mbox-show{animation:dock-mbox-show .2s ease;visibility:visible}.dock-mbox.dock-mbox-hide{animation:dock-mbox-hide .2s ease;opacity:0;pointer-events:none;visibility:hidden}@keyframes dock-mbox-show{0%{transform:scale(.9);visibility:visible}to{transform:scale(1);visibility:visible}}@keyframes dock-mbox-hide{0%{opacity:1;transform:scale(1);visibility:visible}to{opacity:0;transform:scale(.9);visibility:visible}}.dock-wbox{height:100%;position:absolute;width:100%}.dock-wbox>.dock-panel{border:none;height:100%;width:100%}.dock-layout{overflow:hidden;position:relative}.dock-layout>.dock-box{height:100%;position:absolute;width:100%}.dock-layout>.dock-drop-indicator{background:#88c7f4;border:1px solid #fff;box-shadow:0 0 4px #ddd;box-sizing:border-box;display:none;opacity:.5;pointer-events:none;position:absolute;transition:all .1s ease-out;z-index:400}.dock-drop-edge{background:#fff;border:none;opacity:.01;z-index:100}.dock-drop-edge,.dock-drop-layer{bottom:0;left:0;position:absolute;right:0;top:30px}.dock-drop-layer{pointer-events:none}.dock-drop-layer .dock-drop-square{background:#fff;border:1px solid #0000;box-sizing:border-box;color:#ddd;font-family:Fredoka One,sans-serif;height:32px;left:calc(50% - 16px);pointer-events:visible;position:absolute;top:calc(50% - 16px);width:32px;z-index:300}.dock-drop-layer .dock-drop-square .dock-drop-square-box{border:1px solid #ddd;box-sizing:border-box;height:100%;width:100%}.dock-drop-layer .dock-drop-square:before{display:block;height:100%;line-height:30px;position:absolute;text-align:center;width:100%}.dock-drop-layer .dock-drop-float{border:none;height:100%;left:0;opacity:.01;top:0;width:100%;z-index:100}.dock-drop-layer .dock-drop-left{left:calc(50% - 48px)}.dock-drop-layer .dock-drop-left.dock-drop-deep{left:calc(50% - 64px);width:16px}.dock-drop-layer .dock-drop-left:before{content:">";transform:rotate(180deg)}.dock-drop-layer .dock-drop-right{left:calc(50% + 16px)}.dock-drop-layer .dock-drop-right.dock-drop-deep{left:calc(50% + 48px);width:16px}.dock-drop-layer .dock-drop-right:before{content:">"}.dock-drop-layer .dock-drop-top{top:calc(50% - 48px)}.dock-drop-layer .dock-drop-top.dock-drop-deep{height:16px;top:calc(50% - 64px)}.dock-drop-layer .dock-drop-top.dock-drop-deep:before{line-height:14px}.dock-drop-layer .dock-drop-top:before{content:">";transform:rotate(270deg)}.dock-drop-layer .dock-drop-bottom{top:calc(50% + 16px)}.dock-drop-layer .dock-drop-bottom.dock-drop-deep{height:16px;top:calc(50% + 48px)}.dock-drop-layer .dock-drop-bottom.dock-drop-deep:before{line-height:14px}.dock-drop-layer .dock-drop-bottom:before{content:">";transform:rotate(90deg)}.dock-drop-layer .dock-drop-square-dropping{background:#88c7f4;color:#fff}.dock-panel.dock-panel-dropping .dock-tab-close-btn{pointer-events:none}.dock-panel-max-btn,.dock-panel-min-btn{box-sizing:border-box;cursor:pointer;font-family:Fredoka One,sans-serif;height:25px;margin:2px 2px 2px 0;outline:none;padding:6px 4px 4px 2px;transition:all .25s ease-in-out;-webkit-user-select:none;user-select:none;width:21px}.dock-panel-max-btn:before,.dock-panel-min-btn:before{border:2px solid #ddd;border-radius:1px;box-sizing:border-box;content:" ";height:13px;position:absolute;width:13px}.dock-panel-max-btn:focus,.dock-panel-max-btn:hover,.dock-panel-min-btn:focus,.dock-panel-min-btn:hover{color:#a2a2a2}.dock-panel-max-btn:focus:before,.dock-panel-max-btn:hover:before,.dock-panel-min-btn:focus:before,.dock-panel-min-btn:hover:before{border-color:#a2a2a2}.dock-panel-max-btn:hover,.dock-panel-min-btn:hover{transform:scale(1.1)}.dock-panel-min-btn:before{border:none;border-radius:1px;color:#666;content:"-";font-size:20px;height:9px;line-height:4px;position:absolute;width:9px}.dock-panel-min-btn:focus:before,.dock-panel-min-btn:hover:before{color:#999}.dock-panel.dock-style-place-holder{border:none}.dock-panel.dock-style-place-holder .dock-bar{display:none}.dock-layout>:not(.dock-fbox) .dock-panel.dock-style-headless{border:none}.dock-layout>:not(.dock-fbox) .dock-panel.dock-style-headless .dock-bar{height:20px;opacity:0;position:absolute;transition:all .15s ease-in-out;width:100%;z-index:1}.dock-layout>:not(.dock-fbox) .dock-panel.dock-style-headless .dock-bar:focus-within,.dock-layout>:not(.dock-fbox) .dock-panel.dock-style-headless .dock-bar:hover,.dock-layout>:not(.dock-fbox) .dock-panel.dock-style-headless.dock-panel-dropping .dock-bar{height:31px;opacity:1}.dock-layout>:not(.dock-fbox) .dock-panel.dock-style-headless .dock-content{height:100%}.dock-panel.dock-style-main{border:none}.dock-panel.dock-style-main .dock-bar{background:none;border-bottom:1px solid #eee}.dock-panel.dock-style-main .dock-tab{background:#fff}.dock-panel.dock-style-card .dock-tab{border:1px solid #ddd;border-radius:5px 5px 0 0;margin-right:2px}.dock-panel.dock-style-card .dock-tab.dock-tab-active{background:#fff;border-bottom:1px solid #fff}.dock-panel.dock-style-card .dock-bar{border-bottom:1px solid #ddd;overflow:visible}.dock-panel.dock-style-card .dock-nav-wrap{padding-top:5px;transform:translateY(1px)}.dock-panel.dock-style-card .dock-ink-bar{background:#fff;opacity:0}.dock-panel.dock-style-card .dock-tab-hit-area{left:-2px;right:-2px}.dock-panel.dock-style-card .dock-panel-max-btn,.dock-panel.dock-style-card .dock-panel-min-btn{margin-top:4px}.dock-panel.dock-style-card .dock-tab-close-btn{font-size:10px;right:0;top:8px}.dock-panel.dock-style-card .dock-extra-content{height:35px}.dockable-app{background:linear-gradient(135deg,var(--steampunk-dark-bronze) 0,var(--steampunk-bronze) 50%,var(--steampunk-dark-steel) 100%);color:var(--steampunk-cream);height:100vh;overflow:hidden;position:relative;width:100vw}.dock-add-tab-btn{align-items:center;border-radius:50%;bottom:20px;display:flex;font-size:32px;height:56px;justify-content:center;line-height:1;padding:0;position:fixed;right:20px;width:56px;z-index:10000}.dock,.dock-layout{background:#0000}.dock-panel{background:linear-gradient(135deg,var(--steampunk-dark-bronze),var(--steampunk-bronze));border:2px solid var(--steampunk-bronze);box-shadow:0 4px 12px #0006}.dock-bar,.dock-ink-bar,.dock-nav,.dock-panel>.dock-bar,.dock-tab,[role=tablist]{display:none!important}.dock-bar{background:linear-gradient(145deg,var(--steampunk-bronze),var(--steampunk-dark-bronze));border-bottom:2px solid var(--steampunk-gold)}.dock-tab{background:linear-gradient(145deg,var(--steampunk-dark-steel),var(--steampunk-steel));border:none;color:var(--steampunk-cream);cursor:pointer;font-family:Georgia,Times New Roman,serif;padding:8px 16px;transition:all .2s}.dock-tab:hover{background:linear-gradient(145deg,var(--steampunk-steel),var(--steampunk-light-steel));box-shadow:inset 0 0 10px #d4af3733}.dock-tab-active{background:linear-gradient(145deg,var(--steampunk-brass),var(--steampunk-copper));border-bottom:none;border-top:2px solid var(--steampunk-gold);box-shadow:inset 0 -1px 0 #ffffff4d;color:var(--steampunk-cream)}.dock-tab-close-btn{color:var(--steampunk-cream);margin-left:8px;opacity:.7}.dock-tab-close-btn:hover{color:var(--steampunk-gold);opacity:1}.dock-divider{background:var(--steampunk-bronze);transition:background-color .2s}.dock-divider:hover{background:var(--steampunk-gold);box-shadow:0 0 10px #d4af3780}.dock-divider-vertical{cursor:col-resize;width:4px}.dock-divider-horizontal{cursor:row-resize;height:4px}.dock-ink-bar{background:#007acc;background:var(--accent-color,#007acc)}.dock-box.dock-hbox>.dock-child{flex:1 1 50%;min-width:0}.dock-box.dock-vbox>.dock-child{flex:1 1 50%;min-height:0}.dock-box>.dock-divider{flex:0 0 4px}.dock-drop-indicator{background:#d4af374d;border:2px solid var(--steampunk-gold)}.dock-drop-edge-indicator{background:#d4af3733;border:2px dashed var(--steampunk-gold)}.global-dock-tabs{align-items:center;background:linear-gradient(145deg,var(--steampunk-bronze),var(--steampunk-dark-bronze));border-top:2px solid var(--steampunk-gold);bottom:0;display:flex;gap:4px;height:48px;left:0;overflow-x:auto;overflow-y:hidden;padding:0 8px;position:absolute;right:0;z-index:100}.global-dock-tab{background:linear-gradient(145deg,var(--steampunk-dark-steel),var(--steampunk-steel));border:none;border-radius:4px 4px 0 0;border-right:1px solid var(--steampunk-bronze);box-shadow:none;color:var(--steampunk-cream);cursor:move;flex-shrink:0;font-family:Georgia,Times New Roman,serif;font-size:13px;padding:8px 16px;text-shadow:none;transform:none;transition:all .2s;white-space:nowrap}.global-dock-tab:hover{background:linear-gradient(145deg,var(--steampunk-steel),var(--steampunk-light-steel));box-shadow:inset 0 0 10px #d4af3733;transform:none}.global-dock-tab.active{background:linear-gradient(145deg,var(--steampunk-brass),var(--steampunk-copper));border-top:2px solid var(--steampunk-gold);box-shadow:inset 0 1px 0 #ffffff4d;color:var(--steampunk-gold)}.global-dock-tab.dragging{cursor:grabbing;opacity:.5}.dock-panel{position:relative}.dock-panel:after{border:3px dashed #0000;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:border-color .2s}.dock-panel:has(~.global-dock-tab.dragging):after,body:has(.global-dock-tab.dragging) .dock-panel:after{border-color:var(--steampunk-gold);opacity:.5}.mainpage-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding:20px}.topbar-content{align-items:center;display:flex;flex-direction:row;gap:12px;margin-bottom:20px}.topbar-content button{max-height:50px}.folder-select{border:1px solid #ccc;border-radius:6px;margin-bottom:10px;padding:8px}.folder-select-wrapper{align-items:center;display:flex;gap:8px}.folder-select-wrapper label{color:var(--steampunk-cream);font-weight:600}.custom-dropdown{flex:1 1;position:relative}.dropdown-selected{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:8px 12px;-webkit-user-select:none;user-select:none}.dropdown-selected:hover{border-color:#999}.dropdown-arrow{color:#666;font-size:12px}.dropdown-options{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;color:#333;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-option{align-items:center;color:#333;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s}.dropdown-option:hover{background-color:#f5f5f5}.dropdown-option.selected{background-color:#e3f2fd}.folder-name{flex:1 1}.delete-btn{background-color:initial;border:none;border-radius:3px;color:#dc3545;cursor:pointer;font-size:24px;line-height:1;margin-left:8px;opacity:.7;padding:0 8px;transition:all .2s}.delete-btn:hover{background-color:#dc3545;color:#fff;opacity:1}.task-container{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;max-height:500px;overflow-y:auto;padding:10px;width:600px}.task-item{border-bottom:1px solid #eee;color:#333;justify-content:space-between;padding:8px}.task-item,.task-left{align-items:center;display:flex}.task-left{gap:12px;max-width:20rem}.task-delete-button{background-color:red;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.new-task-button,.task-tabs{margin:10px 0}.task-tabs{display:flex;gap:10px}.task-tabs .tab{border:0;border-radius:8px;cursor:pointer;padding:5px}.task-tabs .tab.active{background-color:#90ee90}.time-stats{color:#333}.task-info{display:flex;flex-direction:column;gap:4px}.task-title{font-weight:500;margin:0}.task-duration{color:#000;font-size:12px;font-weight:400}.daily-container{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;max-height:500px;overflow-y:auto;padding:10px;width:600px}.daily-item{border-bottom:1px solid #eee;color:#333;justify-content:space-between;padding:8px}.daily-item,.daily-left{align-items:center;display:flex}.daily-left{gap:8px}.daily-delete-button{background-color:red;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.daily-tabs,.new-daily-button{margin:10px 0}.daily-tabs{display:flex;gap:10px}.daily-tabs .tab{border:0;border-radius:8px;cursor:pointer;padding:5px}.daily-tabs .tab.active{background-color:#90ee90}.time-stats{color:#000;font-size:14px;line-height:1.6;margin:10px 0;padding:10px}.stat-item{display:block;margin:2px 0}.stat-label{font-weight:600}.stat-value{font-weight:400;margin-left:5px}.daily-info{display:flex;flex-direction:column;gap:4px}.daily-title{font-weight:500;margin:0}.daily-meta{color:#666;display:flex;font-size:12px;gap:12px}.daily-duration{color:#000;font-weight:400}.daily-stats{background:#f9f9f9;border:1px solid #ccc;padding:15px}.daily-stats h3{font-size:16px;margin:0 0 15px}.daily-stats h4{font-size:14px;font-weight:700;margin:0 0 10px}.stats-section{margin-bottom:20px}.progress-item{margin-bottom:10px}.progress-label{font-size:14px;margin-bottom:5px}.progress-bar{background:#ddd;height:20px;position:relative;width:100%}.progress-bar-fill{background:#4caf50;transition:width .3s}.progress-text{color:#333;font-size:12px;font-weight:700;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.task-new-modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.task-new-modal{background:#fff;border-radius:12px;color:#333;display:flex;flex-direction:column;gap:10px;min-height:300px;padding:20px;width:400px}.task-new-modal h3{margin:0 0 10px}.task-new-modal input,.task-new-modal select{border:1px solid #ccc;border-radius:8px;font-size:14px;padding:8px;width:100%}.task-new-modal label{display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:4px}.task-new-modal-buttons{display:flex;gap:10px;margin:10px 0}.task-new-modal-buttons button{border:1px solid #000;border-radius:6px}.task-new-modal .duration-inputs{display:flex;gap:15px;margin:0}.task-new-modal .duration-inputs label{flex:1 1}.task-new-modal .duration-inputs input{width:100%}.daily-new-modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.daily-new-modal{background:#fff;border-radius:12px;color:#333;max-width:95%;padding:20px;width:400px}.daily-new-modal input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;margin:10px 0;padding:8px;width:100%}.daily-new-modal-buttons{display:flex;gap:10px;justify-content:flex-end}.duration-inputs{gap:15px}.duration-inputs label{color:#000;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:5px}.duration-inputs input{margin:0;width:100%}.task-edit-modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.task-edit-modal{background:#fff;border-radius:12px;max-width:95%;padding:20px;width:400px}.daily-edit-modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.daily-edit-modal{background:#fff;border-radius:12px;max-width:95%;padding:20px;width:400px}.daily-edit-modal h3{margin-top:0}.daily-edit-modal label{display:block;margin:10px 0}.daily-edit-modal input[type=number],.daily-edit-modal input[type=text]{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:8px;width:100%}.duration-inputs{display:flex;gap:10px;margin:15px 0}.duration-inputs label{flex:1 1}.modal-actions{justify-content:left;margin:10px 0}.modal-actions button{border-radius:8px;padding:8px 16px}.folder-new-modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.folder-new-modal{background:#fff;border-radius:12px;height:150px;padding:20px;width:400px}.folder-new-modal-actions{display:flex;gap:10px;margin:10px 0}.folder-new-modal-actions button{border:1px solid #000;border-radius:6px}.daily-analytics{background:#f9f9f9;border:1px solid #ccc;padding:15px}.daily-analytics h3{font-size:16px;margin:0 0 15px}.daily-analytics h4{font-size:14px;font-weight:700;margin:0 0 10px}.analytics-section{margin-bottom:20px}.stat-row{display:flex;font-size:14px;justify-content:space-between;padding:5px 0}.daily-stat{margin-bottom:15px}.daily-stat-header{display:flex;font-size:14px;justify-content:space-between;margin-bottom:3px}.daily-stat-title{font-weight:700}.daily-stat-rate{color:#4caf50;font-weight:700}.daily-stat-details{color:#666;display:flex;font-size:12px;justify-content:space-between;margin-bottom:5px}.daily-stat-bar{background:#ddd;height:15px;width:100%}.daily-stat-bar-fill{background:#4caf50;height:100%;transition:width .3s}.analytics-loading{color:#666;padding:15px;text-align:center}.chart-wrapper{margin:0 auto;max-width:600px;width:100%}.chart-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.stats-page{margin:0 auto;max-width:1400px;padding:20px}.stats-section{background:#f9f9f9;border-radius:8px;margin-bottom:30px;padding:20px}.stats-section h2{color:#333;font-size:1.5rem;margin-bottom:20px;margin-top:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{border:2px solid #ddd;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.stat-label{color:#000;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.stat-value{color:#000;font-size:2rem}.chart-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart-item{background:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}@media (max-width:768px){.chart-grid,.stats-grid{grid-template-columns:1fr}.stats-section{padding:15px}}.countdowns-page{display:flex;gap:30px;margin:0 auto;max-width:1600px;padding:20px}.countdowns-section,.timers-section{flex:1 1;min-width:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.countdowns-section h2,.section-header h2{color:#333;font-size:1.8rem;margin:0 0 20px}.add-timer-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .2s}.add-timer-btn:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.timers-grid{display:flex;flex-direction:column;gap:20px}.empty-state{background:#f9f9f9;border-radius:8px;color:#999;padding:40px;text-align:center}.empty-state p{font-size:1.1rem;margin:0}@media (max-width:1024px){.countdowns-page,.section-header{flex-direction:column}.section-header{align-items:flex-start;gap:15px}.add-timer-btn{width:100%}}.countdowns-list{background:#f9fafc;border-radius:8px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;gap:1rem;margin:2rem auto;max-width:800px;padding:1.5rem}.countdowns-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.countdowns-header button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:.6rem 1rem;transition:background-color .2s ease,transform .1s ease}.countdowns-header button:hover{background-color:#0056d2;transform:scale(1.02)}.countdowns-items{display:flex;flex-direction:column;gap:1rem}.countdown-item{background:#fff;border:1px solid #e4e7ec;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:1rem 1.25rem;transition:box-shadow .2s ease,transform .2s ease}.countdown-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.countdown-item p{color:#333;line-height:1.5;margin:.3rem 0}.countdown-item strong{color:#111;font-size:1.1rem}.countdown-new-modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.countdown-new-modal{background:#fff;border-radius:12px;height:150px;padding:20px;width:400px}.countdown-new-modal input{border-radius:8px;height:20%;padding-left:5px;text-align:left;width:50%}.countdown-new-modal-actions{display:flex;gap:10px;margin:10px 0}.countdown-new-modal-actions button{border-radius:6px;border-radius:1px solid #000}.timer-card{background:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:all .3s ease}.timer-card.running{border-color:#4caf50;box-shadow:0 2px 8px #4caf504d}.timer-card.paused{border-color:#ff9800}.timer-card.completed{animation:pulse 1s infinite;background:#ffebee;border-color:#f44336}@keyframes pulse{0%,to{box-shadow:0 2px 4px #f443364d}50%{box-shadow:0 4px 16px #f4433699}}.timer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.timer-header h3{color:#333;font-size:1.2rem;margin:0}.timer-delete-btn{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.timer-delete-btn:hover{background:#ffebee;color:#f44336}.timer-display{margin-bottom:20px;text-align:center}.timer-time{color:#2c3e50;font-family:Courier New,monospace;font-size:3rem;font-weight:700;margin-bottom:10px}.timer-progress-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.timer-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;transition:width .3s ease}.timer-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.timer-btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .2s}.timer-start-btn{background:#4caf50;color:#fff}.timer-start-btn:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.timer-pause-btn{background:#ff9800;color:#fff}.timer-pause-btn:hover{background:#e68900;box-shadow:0 4px 8px #ff98004d;transform:translateY(-2px)}.timer-stop-btn{background:#f44336;color:#fff}.timer-stop-btn:hover{background:#da190b;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.timer-reset-btn,.timer-restart-btn{background:#2196f3;color:#fff}.timer-reset-btn:hover,.timer-restart-btn:hover{background:#0b7dda;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.timer-status{color:#666;font-size:.9rem;text-align:center}.timer-status-text{color:#333;font-weight:600;text-transform:capitalize}.modal-content{box-shadow:0 10px 40px #0003;max-height:90vh}.modal-header{margin-bottom:25px}.modal-header h2{color:#333;font-size:1.5rem}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:2rem;height:35px;justify-content:center;padding:0;transition:all .2s;width:35px}.modal-close-btn:hover{background:#ffebee;color:#f44336}.form-group label{color:#555}.form-group input[type=text]{border:2px solid #ddd;border-radius:6px;font-size:1rem;padding:10px;transition:border-color .2s;width:100%}.form-group input[type=text]:focus{border-color:#4caf50;outline:none}.time-inputs{display:flex;gap:15px}.time-input-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:5px}.time-input-group input{border:2px solid #ddd;border-radius:6px;font-size:1.2rem;padding:10px;text-align:center;transition:border-color .2s;width:100%}.time-input-group input:focus{border-color:#4caf50;outline:none}.time-input-group span{color:#666;font-size:.85rem}.quick-times{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.quick-times button{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;padding:8px 12px;transition:all .2s}.quick-times button:hover{background:#e0e0e0;border-color:#bbb}.modal-actions button{font-weight:500;padding:10px 24px;transition:all .2s}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-submit{background:#4caf50;color:#fff}.btn-submit:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}@media (max-width:500px){.quick-times,.time-inputs{flex-direction:column}.quick-times button{width:100%}}.note-sidebar{-webkit-user-select:none;user-select:none}.note-sidebar-list{list-style:none;margin:0;padding:0}.note-item.selected{background-color:#add8e6}.note-new-button{margin:10px 0}.note-item{align-items:center;border:2px solid #ccc;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:space-between;margin:5px 0;padding:0 8px}.note-delete-button{background-color:red}.note-delete-button:hover{background-color:#add8e6}.notes-container{display:flex;height:100%;width:100%}.note-sidebar{border-right:1px solid #ccc;padding:1rem;width:250px}.note-content-area{display:flex;flex:1 1;flex-direction:column;padding:1rem;position:relative;width:65vw}.saving-indicator{background:#4caf50;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem;position:absolute;right:1.5rem;top:1.5rem;z-index:10}.note-content-editable{border:1px solid #ccc;border-radius:4px;flex:1 1;font-family:inherit;font-size:1rem;line-height:1.5;padding:1.75rem;resize:none;white-space:pre-wrap}.note-new-modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.note-new-modal{background:#fff;border-radius:12px;height:150px;padding:20px;width:400px}.note-new-modal-actions{display:flex;gap:10px;margin:10px 0}.note-new-modal-actions button{border:1px solid #000;border-radius:6px}.projects-container{display:flex;flex-direction:row;gap:10px}.project-sidebar{border-right:1px solid #ccc;color:#333;padding:1rem;-webkit-user-select:none;user-select:none;width:200px}.project-sidebar-list{list-style:none;margin:0;padding:0}.project-item.selected{background-color:#add8e6}.project-item{align-items:center;background-color:#fff;border:2px solid #ccc;box-sizing:border-box;color:#333;cursor:pointer;display:flex;height:40px;justify-content:space-between;margin:5px 0;padding:0 8px}.mission-sidebar{background:linear-gradient(180deg,var(--steampunk-dark-bronze) 0,var(--steampunk-bronze) 100%);border-right:3px solid var(--steampunk-brass);box-shadow:inset -2px 0 4px #0006;padding:1rem;-webkit-user-select:none;user-select:none;width:240px}.mission-sidebar-list{list-style:none;margin:0;padding:0}.mission-item{align-items:center;background:linear-gradient(135deg,var(--steampunk-parchment),var(--steampunk-cream));border:2px solid var(--steampunk-bronze);border-radius:4px;box-shadow:inset 0 1px 2px #fff6,0 2px 4px #0000004d;box-sizing:border-box;color:var(--steampunk-dark-bronze);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;margin:8px 0;min-height:44px;padding:8px 12px;text-shadow:1px 1px 0 #ffffff80;transition:all .3s ease}.mission-item:hover{background:linear-gradient(135deg,var(--steampunk-cream),var(--steampunk-parchment));border-color:var(--steampunk-brass);box-shadow:inset 0 1px 2px #ffffff80,0 4px 6px #0006;transform:translateX(4px)}.mission-item.selected{background:linear-gradient(135deg,var(--steampunk-brass),var(--steampunk-gold));border-color:var(--steampunk-gold);box-shadow:inset 0 2px 4px #0003,0 0 12px #d4af3780,0 4px 6px #0006;color:var(--steampunk-dark-bronze);font-weight:700;text-shadow:1px 1px 2px #0000004d}button{cursor:pointer}.mission-board-wrapper{display:flex;flex-direction:column}.mission-board{background:linear-gradient(135deg,var(--steampunk-dark-bronze) 0,var(--steampunk-bronze) 100%);border-radius:8px;box-shadow:inset 0 2px 8px #0006;display:flex;gap:1.5rem;height:100%;padding:1.5rem}.mission-column{background:linear-gradient(180deg,var(--steampunk-parchment) 0,var(--steampunk-cream) 100%);border:3px solid var(--steampunk-bronze);border-radius:8px;box-shadow:inset 0 2px 4px #fff6,0 4px 8px #00000080;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:1rem;position:relative}.mission-column:before{color:var(--steampunk-bronze);content:"⚙";font-size:100px;opacity:.05;pointer-events:none;position:absolute;right:-20px;top:-20px;transform:rotate(15deg)}.mission-column h3{border-bottom:2px solid var(--steampunk-bronze);font-size:18px;margin:0 0 1rem;padding-bottom:.75rem;text-align:center;text-shadow:1px 1px 2px #fff9}.mission-column h3,.mission-task-card{color:var(--steampunk-dark-bronze);position:relative;z-index:1}.mission-task-card{background:linear-gradient(135deg,var(--steampunk-cream),var(--steampunk-parchment));border:2px solid var(--steampunk-bronze);border-radius:6px;box-shadow:inset 0 1px 2px #ffffff80,0 2px 4px #0000004d;cursor:grab;font-weight:600;margin-bottom:.75rem;padding:12px;text-shadow:1px 1px 0 #ffffff80;transition:all .3s ease}.mission-task-card:hover{background:linear-gradient(135deg,var(--steampunk-parchment),var(--steampunk-cream));border-color:var(--steampunk-brass);box-shadow:inset 0 1px 2px #fff9,0 4px 6px #0006;transform:translateY(-2px)}.mission-task-card:active{box-shadow:inset 0 1px 2px #fff6,0 6px 12px #00000080,0 0 12px #d4af3766;cursor:grabbing;transform:scale(1.02)}.mission-task-card h4{color:var(--steampunk-dark-bronze);font-size:16px;margin:0 0 .5rem;text-shadow:1px 1px 0 #ffffff80}.mission-task-card p{color:var(--steampunk-dark-bronze);font-size:14px;margin:0;opacity:.9;text-shadow:none}.empty-column{color:var(--steampunk-bronze);font-size:.95rem;font-style:italic;margin-top:2rem;position:relative;text-align:center;text-shadow:1px 1px 1px #ffffff80;z-index:1}.project-new-modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.project-new-modal{background:#fff;border-radius:12px;height:150px;padding:20px;width:400px}.project-new-modal input{border-radius:8px;height:20px;padding-left:5px;text-align:left;width:50%}.project-new-modal-actions{display:flex;gap:10px;margin:10px 0}.project-new-modal-actions button{border:1px solid #000;border-radius:6px}.mission-new-modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.mission-new-modal{background:#fff;border-radius:12px;height:150px;padding:20px;width:400px}.mission-new-modal input{border-radius:8px;height:20%;padding-left:5px;text-align:left;width:50%}.mission-new-modal-actions{display:flex;gap:10px;margin:10px 0}.mission-new-modal-actions button{border-radius:6px;border-radius:1px solid #000}.missionTask-new-modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.missionTask-new-modal{background:#fff;border-radius:12px;color:#333;display:flex;flex-direction:column;gap:10px;min-height:300px;padding:20px;width:400px}.missionTask-new-modal h3{color:#333;margin:0 0 10px;text-shadow:none}.missionTask-new-modal input{border:1px solid #ccc;border-radius:8px;font-size:14px;padding:8px;width:100%}.missionTask-new-modal label{display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:4px}.missionTask-new-modal-actions{display:flex;gap:10px;margin:10px 0}.missionTask-new-modal-actions button{border-radius:6px;border-radius:1px solid #000}.store-page{margin:0 auto;max-width:1400px;padding:30px}.store-items-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.store-item-card{background:linear-gradient(135deg,var(--steampunk-parchment) 0,var(--steampunk-cream) 100%);border:3px solid var(--steampunk-bronze);border-radius:8px;box-shadow:inset 0 2px 4px #fff6,0 6px 12px #00000080,0 0 0 1px #b8860b4d;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:24px;position:relative;transition:transform .3s,box-shadow .3s}.store-item-card:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#b8860b1a 0,#b8860b1a 20px);bottom:-2px;content:"";left:-2px;opacity:.3;pointer-events:none;position:absolute;right:-2px;top:-2px}.store-item-card:after{color:var(--steampunk-bronze);content:"⚙";font-size:48px;opacity:.1;position:absolute;right:10px;top:10px;transform:rotate(15deg)}.store-item-card:hover{border-color:var(--steampunk-brass);box-shadow:inset 0 2px 4px #ffffff80,0 10px 20px #0009,0 0 20px #d4af3766;transform:translateY(-4px) scale(1.02)}.store-item-card h3{border-bottom:2px solid var(--steampunk-bronze);color:var(--steampunk-dark-bronze);font-size:22px;margin:0;padding-bottom:8px;position:relative;text-shadow:1px 1px 2px #ffffff80;z-index:1}.item-description{color:var(--steampunk-bronze);flex-grow:1;font-size:15px;font-style:italic;line-height:1.6;margin:0;position:relative;z-index:1}.item-effect{background:#2d50161a;border-left:3px solid var(--steampunk-emerald);border-radius:4px;color:var(--steampunk-emerald);font-size:14px;font-weight:700;padding:8px 12px}.item-effect,.item-footer{position:relative;z-index:1}.item-footer{border-top:2px solid var(--steampunk-bronze);justify-content:space-between;margin-top:8px;padding-top:12px}.item-footer,.item-price{align-items:center;display:flex}.item-price{color:var(--steampunk-brass);font-size:20px;font-weight:700;gap:4px;text-shadow:1px 1px 2px #0000004d}.item-price:before{color:var(--steampunk-gold);content:"⚜"}.purchase-button{background:linear-gradient(145deg,var(--steampunk-brass),var(--steampunk-copper));border:2px solid var(--steampunk-gold);border-radius:6px;box-shadow:inset 0 1px 2px #ffffff4d,0 4px 8px #0006;color:var(--steampunk-cream);cursor:pointer;font-size:15px;font-weight:700;padding:10px 24px;text-shadow:1px 1px 2px #000000b3;transition:all .3s ease}.purchase-button:hover:not(:disabled){background:linear-gradient(145deg,var(--steampunk-gold),var(--steampunk-brass));box-shadow:inset 0 1px 2px #fff6,0 6px 12px #00000080,0 0 12px #d4af3780;transform:translateY(-2px)}.purchase-button:disabled{background:linear-gradient(145deg,var(--steampunk-light-steel),var(--steampunk-steel));border-color:var(--steampunk-light-steel);cursor:not-allowed;opacity:.4}.achievements-page{margin:0 auto;max-width:1400px;padding:30px}.achievements-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-top:24px}.achievement-card{background:linear-gradient(135deg,var(--steampunk-parchment) 0,var(--steampunk-cream) 100%);border:3px solid var(--steampunk-bronze);border-radius:8px;box-shadow:inset 0 2px 4px #fff6,0 6px 12px #00000080;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;position:relative;transition:transform .3s,box-shadow .3s,border-color .3s}.achievement-card:before{color:var(--steampunk-bronze);content:"⚙";font-size:80px;opacity:.08;position:absolute;right:-10px;top:-10px;transform:rotate(25deg)}.achievement-card:hover{box-shadow:inset 0 2px 4px #ffffff80,0 10px 20px #0009;transform:translateY(-4px)}.achievement-card.completed{background:linear-gradient(135deg,#d4c5a0 0,var(--steampunk-gold) 20%,var(--steampunk-parchment) 100%);border-color:var(--steampunk-brass);box-shadow:inset 0 2px 4px #fff9,0 8px 16px #00000080,0 0 20px #d4af3766}.achievement-header{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.achievement-header h3{color:var(--steampunk-dark-bronze);font-size:20px;margin:0;text-shadow:1px 1px 2px #ffffff80}.completed-badge{align-items:center;background:linear-gradient(145deg,var(--steampunk-brass),var(--steampunk-gold));border:2px solid var(--steampunk-bronze);border-radius:50%;box-shadow:inset 0 1px 2px #ffffff80,0 4px 8px #0006;color:var(--steampunk-dark-bronze);display:flex;font-size:22px;font-weight:700;height:36px;justify-content:center;width:36px}.achievement-description{color:var(--steampunk-bronze);font-size:14px;font-style:italic;margin:0;position:relative;z-index:1}.achievement-type{align-self:flex-start;background:linear-gradient(135deg,var(--steampunk-bronze),var(--steampunk-light-bronze));border:1px solid var(--steampunk-dark-bronze);border-radius:6px;box-shadow:0 2px 4px #0000004d;color:var(--steampunk-cream);display:inline-block;font-size:11px;font-weight:700;padding:6px 14px;position:relative;text-shadow:1px 1px 2px #00000080;z-index:1}.progress-section{margin:10px 0;position:relative;z-index:1}.progress-bar-container{background:linear-gradient(180deg,var(--steampunk-steel),var(--steampunk-dark-steel));border:2px solid var(--steampunk-bronze);border-radius:4px;box-shadow:inset 0 2px 4px #00000080;height:26px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--steampunk-brass) 0,var(--steampunk-gold) 50%,var(--steampunk-brass) 100%);box-shadow:inset 0 1px 2px #fff6,0 0 10px #d4af3780;height:100%;overflow:hidden;position:relative;transition:width .5s ease}.progress-bar-fill:after{background:repeating-linear-gradient(90deg,#0000,#0000 10px,#0000001a 0,#0000001a 20px);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.achievement-card.completed .progress-bar-fill{background:linear-gradient(90deg,var(--steampunk-gold) 0,gold 50%,var(--steampunk-gold) 100%);box-shadow:inset 0 1px 2px #fff9,0 0 15px #d4af37cc}.progress-text{color:var(--steampunk-dark-bronze);font-size:13px;font-weight:600;margin-top:6px;text-align:center;text-shadow:1px 1px 1px #ffffff80}.achievement-rewards{border-top:2px solid var(--steampunk-bronze);display:flex;flex-wrap:wrap;gap:10px;padding-top:10px;position:relative;z-index:1}.reward{border:2px solid;border-radius:6px;box-shadow:0 2px 4px #0000004d;font-size:13px;font-weight:700;padding:8px 14px;text-shadow:1px 1px 1px #0000004d}.reward.gold{background:linear-gradient(135deg,gold,var(--steampunk-gold));border-color:var(--steampunk-brass);color:var(--steampunk-dark-bronze)}.reward.gold:before{content:"⚜ "}.reward.xp{background:linear-gradient(135deg,var(--steampunk-emerald),#4a7c2e);border-color:var(--steampunk-dark-bronze);color:var(--steampunk-cream)}.reward.xp:before{content:"⚡ "}.completed-date{color:var(--steampunk-bronze);font-size:11px;font-style:italic;position:relative;text-align:right;text-shadow:1px 1px 1px #ffffff80;z-index:1}.reward-list-container{padding:20px;width:100%}.reward-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.reward-list-tabs{background:var(--steampunk-dark-bronze);border:2px solid var(--steampunk-bronze);border-radius:8px;display:flex;gap:8px;padding:4px}.reward-tab{background:#0000;border:none;border-radius:6px;color:var(--steampunk-cream);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.reward-tab:hover{background:var(--steampunk-bronze)}.reward-tab.active{background:var(--steampunk-brass);box-shadow:inset 0 2px 4px #0000004d;color:var(--steampunk-dark-bronze)}.reward-add-button{background:linear-gradient(135deg,var(--steampunk-brass) 0,var(--steampunk-gold) 100%);border:2px solid var(--steampunk-bronze);border-radius:8px;box-shadow:0 4px 6px #0000004d;color:var(--steampunk-dark-bronze);cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s}.reward-add-button:hover{box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.reward-gold-display{align-items:center;background:linear-gradient(135deg,var(--steampunk-dark-bronze) 0,var(--steampunk-bronze) 100%);border:2px solid var(--steampunk-brass);border-radius:8px;box-shadow:0 4px 6px #0000004d;display:flex;gap:8px;margin-bottom:20px;padding:12px 20px}.gold-icon{font-size:24px}.gold-amount{color:var(--steampunk-gold);font-size:20px;font-weight:700}.reward-empty-state{color:var(--steampunk-light-steel);font-size:18px;padding:60px 20px;text-align:center}.reward-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.reward-card{background:linear-gradient(135deg,var(--steampunk-parchment) 0,var(--steampunk-cream) 100%);border:3px solid var(--steampunk-bronze);border-radius:12px;box-shadow:inset 0 2px 4px #fff6,0 6px 12px #00000080;padding:24px;position:relative;transition:all .3s}.reward-card:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#b8860b1a 0,#b8860b1a 20px);border-radius:10px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.reward-card:hover{box-shadow:inset 0 2px 4px #fff6,0 8px 16px #0009;transform:translateY(-4px)}.reward-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px;position:relative;z-index:1}.reward-name{flex:1 1;font-size:20px;font-weight:700;margin:0}.reward-folder-badge,.reward-name{color:var(--steampunk-dark-bronze)}.reward-folder-badge{background:var(--steampunk-brass);border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.reward-description{color:var(--steampunk-dark-steel);line-height:1.5;margin:0 0 16px;position:relative;z-index:1}.reward-cost{align-items:center;background:var(--steampunk-dark-bronze);border:2px solid var(--steampunk-bronze);border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:12px 16px;position:relative;z-index:1}.cost-amount{color:var(--steampunk-gold);font-size:18px;font-weight:700}.reward-actions{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.reward-btn{border:2px solid var(--steampunk-bronze);border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s}.reward-btn-purchase{background:linear-gradient(135deg,var(--steampunk-brass) 0,var(--steampunk-gold) 100%);color:var(--steampunk-dark-bronze);flex:1 1}.reward-btn-purchase:hover:not(:disabled){box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.reward-btn-purchase:disabled{background:var(--steampunk-light-steel);color:var(--steampunk-dark-steel);cursor:not-allowed;opacity:.6}.reward-btn-edit{background:var(--steampunk-steel);color:var(--steampunk-cream)}.reward-btn-edit:hover{background:var(--steampunk-light-steel)}.reward-btn-delete{background:var(--steampunk-rust);color:var(--steampunk-cream)}.reward-btn-delete:hover{background:#c16635}.reward-btn-unpurchase{background:var(--steampunk-copper);color:var(--steampunk-cream);flex:1 1}.reward-btn-unpurchase:hover{background:#d48e4c}.reward-purchased-date{color:var(--steampunk-dark-steel);font-size:12px;font-style:italic;margin-top:8px;text-align:center;width:100%}.reward-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.reward-modal-content{background:linear-gradient(135deg,var(--steampunk-parchment) 0,var(--steampunk-cream) 100%);border:4px solid var(--steampunk-bronze);border-radius:16px;box-shadow:0 12px 24px #000c;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.reward-modal-content:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#b8860b0d 0,#b8860b0d 20px);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.reward-modal-header{align-items:center;border-bottom:3px solid var(--steampunk-bronze);display:flex;justify-content:space-between;padding:24px;position:relative;z-index:1}.reward-modal-header h2{color:var(--steampunk-dark-bronze);font-size:24px;margin:0}.reward-modal-close{align-items:center;background:var(--steampunk-rust);border:2px solid var(--steampunk-bronze);border-radius:50%;color:var(--steampunk-cream);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;transition:all .3s;width:36px}.reward-modal-close:hover{background:#c16635;transform:rotate(90deg)}.reward-modal-body{padding:24px;position:relative;z-index:1}.reward-form-group{margin-bottom:20px}.reward-form-group label{color:var(--steampunk-dark-bronze);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.reward-form-group input[type=text],.reward-form-group select,.reward-form-group textarea{background:var(--steampunk-cream);border:2px solid var(--steampunk-bronze);border-radius:8px;color:var(--steampunk-dark-bronze);font-family:inherit;font-size:16px;padding:12px;transition:all .3s;width:100%}.reward-form-group input[type=text]:focus,.reward-form-group select:focus,.reward-form-group textarea:focus{border-color:var(--steampunk-brass);box-shadow:0 0 0 3px #b8860b33;outline:none}.reward-form-group textarea{min-height:80px;resize:vertical}.reward-cost-input{align-items:center;background:var(--steampunk-cream);border:2px solid var(--steampunk-bronze);border-radius:8px;display:flex;gap:12px;padding:4px 12px;transition:all .3s}.reward-cost-input:focus-within{border-color:var(--steampunk-brass);box-shadow:0 0 0 3px #b8860b33}.reward-cost-input .gold-icon{font-size:24px}.reward-cost-input input[type=number]{background:#0000;border:none;color:var(--steampunk-dark-bronze);flex:1 1;font-size:18px;font-weight:700;padding:8px}.reward-cost-input input[type=number]:focus{box-shadow:none;outline:none}.reward-modal-footer{border-top:3px solid var(--steampunk-bronze);display:flex;gap:12px;justify-content:flex-end;padding:24px;position:relative;z-index:1}.reward-modal-btn{border:2px solid var(--steampunk-bronze);border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.reward-modal-btn-cancel{background:var(--steampunk-steel);color:var(--steampunk-cream)}.reward-modal-btn-cancel:hover{background:var(--steampunk-light-steel)}.reward-modal-btn-save{background:linear-gradient(135deg,var(--steampunk-brass) 0,var(--steampunk-gold) 100%);color:var(--steampunk-dark-bronze)}.reward-modal-btn-save:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.reward-folder-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.reward-folder-modal-content{background:linear-gradient(135deg,var(--steampunk-parchment) 0,var(--steampunk-cream) 100%);border:4px solid var(--steampunk-bronze);border-radius:16px;box-shadow:0 12px 24px #000c;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.reward-folder-modal-content:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#b8860b0d 0,#b8860b0d 20px);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.reward-folder-modal-header{align-items:center;border-bottom:3px solid var(--steampunk-bronze);display:flex;justify-content:space-between;padding:24px;position:relative;z-index:1}.reward-folder-modal-header h2{color:var(--steampunk-dark-bronze);font-size:24px;margin:0}.reward-folder-modal-close{align-items:center;background:var(--steampunk-rust);border:2px solid var(--steampunk-bronze);border-radius:50%;color:var(--steampunk-cream);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;transition:all .3s;width:36px}.reward-folder-modal-close:hover{background:#c16635;transform:rotate(90deg)}.reward-folder-modal-body{padding:24px;position:relative;z-index:1}.reward-folder-form-group{margin-bottom:20px}.reward-folder-form-group label{color:var(--steampunk-dark-bronze);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.reward-folder-form-group input[type=text],.reward-folder-form-group textarea{background:var(--steampunk-cream);border:2px solid var(--steampunk-bronze);border-radius:8px;color:var(--steampunk-dark-bronze);font-family:inherit;font-size:16px;padding:12px;transition:all .3s;width:100%}.reward-folder-form-group input[type=text]:focus,.reward-folder-form-group textarea:focus{border-color:var(--steampunk-brass);box-shadow:0 0 0 3px #b8860b33;outline:none}.reward-folder-form-group textarea{min-height:60px;resize:vertical}.existing-folders{background:var(--steampunk-dark-bronze);border:2px solid var(--steampunk-bronze);border-radius:8px;margin-top:24px;padding:16px}.existing-folders h3{color:var(--steampunk-gold);font-size:16px;margin:0 0 12px}.folder-list{display:flex;flex-wrap:wrap;gap:8px}.folder-item{background:var(--steampunk-bronze);border-radius:6px;color:var(--steampunk-cream);font-size:14px;padding:6px 12px}.reward-folder-modal-footer{border-top:3px solid var(--steampunk-bronze);display:flex;gap:12px;justify-content:flex-end;padding:24px;position:relative;z-index:1}.reward-folder-modal-btn{border:2px solid var(--steampunk-bronze);border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.reward-folder-modal-btn-delete{background:var(--steampunk-rust);color:var(--steampunk-cream)}.reward-folder-modal-btn-delete:hover{background:#c16635}.reward-folder-modal-btn-cancel{background:var(--steampunk-steel);color:var(--steampunk-cream)}.reward-folder-modal-btn-cancel:hover{background:var(--steampunk-light-steel)}.reward-folder-modal-btn-save{background:linear-gradient(135deg,var(--steampunk-brass) 0,var(--steampunk-gold) 100%);color:var(--steampunk-dark-bronze)}.reward-folder-modal-btn-save:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.rewards-page{background:linear-gradient(135deg,var(--steampunk-dark-steel) 0,var(--steampunk-steel) 100%);min-height:100vh;padding:20px;width:100%}.rewards-topbar-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;width:100%}.rewards-topbar-content h2{color:var(--steampunk-gold);font-size:28px;margin:0}.manage-folders-btn{background:linear-gradient(135deg,var(--steampunk-bronze) 0,var(--steampunk-light-bronze) 100%);border:2px solid var(--steampunk-brass);border-radius:8px;box-shadow:0 4px 6px #0000004d;color:var(--steampunk-cream);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.manage-folders-btn:hover{box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.topbar{align-items:center;background:linear-gradient(180deg,var(--steampunk-dark-steel) 0,var(--steampunk-steel) 100%);border-bottom:4px solid var(--steampunk-brass);box-shadow:inset 0 -2px 4px #0000004d,0 4px 12px #00000080;display:flex;justify-content:space-between;min-height:120px;padding:1rem 2rem;position:relative}.topbar:after{background:repeating-linear-gradient(90deg,var(--steampunk-brass),var(--steampunk-brass) 20px,var(--steampunk-copper) 20px,var(--steampunk-copper) 40px);bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.topbar-left{align-items:center;display:flex;gap:2rem}.topbar-left h1,.topbar-left h2{color:var(--steampunk-gold);font-size:24px;margin:0;text-shadow:2px 2px 4px #000c}.topbar-right{align-items:center;background:#3d281780;border:2px solid var(--steampunk-bronze);border-radius:8px;box-shadow:inset 0 2px 4px #0006,0 4px 8px #0000004d;display:flex;gap:1.5rem;padding:12px 20px}.topbar-right h2{color:var(--steampunk-parchment);font-size:16px;line-height:1.6;margin:0;text-shadow:1px 1px 2px #000c}.topbar-right h2:before{color:var(--steampunk-brass);content:"⚙ "}.topbar-countdowns-list{display:flex;flex-direction:column;gap:8px;max-height:100px;overflow-x:auto;overflow-y:auto;padding:4px}.topbar-countdowns-list::-webkit-scrollbar{height:8px;width:8px}.topbar-countdowns-list::-webkit-scrollbar-track{background:var(--steampunk-dark-bronze);border-radius:4px}.topbar-countdowns-list::-webkit-scrollbar-thumb{background:var(--steampunk-brass);border:2px solid var(--steampunk-dark-bronze);border-radius:4px}.topbar-countdowns-list-list{background:linear-gradient(135deg,var(--steampunk-parchment) 0,var(--steampunk-cream) 100%);border:2px solid var(--steampunk-bronze);border-radius:6px;box-shadow:inset 0 1px 2px #ffffff80,0 2px 4px #0000004d;display:flex;flex-direction:column;min-width:200px;padding:8px 12px}.topbar-countdowns-list-list h3{color:var(--steampunk-dark-bronze);font-size:16px;margin:0 0 4px;padding:0;text-shadow:1px 1px 0 #ffffff80}.topbar-countdowns-list-list h4{color:var(--steampunk-bronze);font-size:14px;font-weight:600;margin:0 0 2px;padding:0}.topbar-countdowns-list-list p{color:var(--steampunk-steel);font-size:11px;font-style:italic;margin:0;padding:0}.topbar-timers-list{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-x:auto;overflow-y:auto;padding:4px}.topbar-timers-list::-webkit-scrollbar{height:8px;width:8px}.topbar-timers-list::-webkit-scrollbar-track{background:var(--steampunk-dark-bronze);border-radius:4px}.topbar-timers-list::-webkit-scrollbar-thumb{background:var(--steampunk-brass);border:2px solid var(--steampunk-dark-bronze);border-radius:4px}.topbar-timer-item{background:linear-gradient(135deg,#4caf50,#81c784);border:2px solid #2e7d32;border-radius:6px;box-shadow:inset 0 1px 2px #ffffff80,0 2px 4px #0000004d;display:flex;flex-direction:column;min-width:200px;padding:8px 12px}.topbar-timer-item h3{color:#fff;font-family:Courier New,monospace;font-size:16px;margin:0 0 4px;padding:0;text-shadow:1px 1px 2px #00000080}.topbar-timer-item h4{color:#f1f8e9;font-size:14px;font-weight:600;margin:0 0 8px;padding:0}.topbar-timer-item.paused{background:linear-gradient(135deg,#ff9800,#ffb74d);border-color:#f57c00}.topbar-timer-item.completed{animation:topbar-pulse 1s infinite;background:linear-gradient(135deg,#f44336,#ef5350);border-color:#c62828}@keyframes topbar-pulse{0%,to{box-shadow:inset 0 1px 2px #ffffff80,0 2px 4px #f4433680}50%{box-shadow:inset 0 1px 2px #ffffff80,0 4px 12px #f44336cc}}.topbar-timer-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.topbar-timer-btn{border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;transition:all .2s}.topbar-timer-start-btn{background:#4caf50;color:#fff}.topbar-timer-start-btn:hover{background:#45a049;box-shadow:0 2px 4px #4caf5066}.topbar-timer-pause-btn{background:#ff9800;color:#fff}.topbar-timer-pause-btn:hover{background:#e68900;box-shadow:0 2px 4px #ff980066}.topbar-timer-stop-btn{background:#f44336;color:#fff}.topbar-timer-stop-btn:hover{background:#da190b;box-shadow:0 2px 4px #f4433666}.topbar-timer-reset-btn{background:#2196f3;color:#fff}.topbar-timer-reset-btn:hover{background:#0b7dda;box-shadow:0 2px 4px #2196f366}.topbar-section-title{color:var(--steampunk-gold);font-size:12px;font-weight:600;letter-spacing:1px;margin:0 0 8px;padding:0;text-shadow:1px 1px 2px #000c;text-transform:uppercase}.app-instance{background:#0000;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.app-instance-body{display:flex;flex:1 1;overflow:hidden}.app-instance-content{background:#0000;flex:1 1;overflow:auto}.app-instance-sidebar{background:linear-gradient(180deg,var(--steampunk-dark-bronze),var(--steampunk-bronze));border-left:2px solid var(--steampunk-gold);overflow-y:auto;width:250px}.app-instance-sidebar nav ul{list-style:none;margin:0;padding:0}.app-instance-sidebar nav li{margin:0}.app-instance-sidebar nav button{background:#0000;border:none;border-left:3px solid #0000;box-shadow:none;color:var(--steampunk-cream);cursor:pointer;font-family:Georgia,Times New Roman,serif;font-size:14px;padding:12px 20px;text-align:left;text-shadow:none;transition:all .2s;width:100%}.app-instance-sidebar nav button:hover{background:#d4af371a;border-left-color:var(--steampunk-brass);transform:none}.app-instance-sidebar nav button.active{background:linear-gradient(90deg,#d4af3733,#0000);border-left-color:var(--steampunk-gold);color:var(--steampunk-gold)}.counters-container{display:flex;gap:20px;height:100%;padding:20px}.trackers-sidebar{display:flex;flex-direction:column;gap:15px;width:300px}.sidebar-header{align-items:center;display:flex;justify-content:space-between}.sidebar-header h2{font-size:1.5rem;margin:0}.trackers-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.tracker-item{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:15px;transition:all .2s}.tracker-item:hover{background:#f5f5f5;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.tracker-item.selected{background:#e3f2fd;border-color:#2196f3}.tracker-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tracker-item-header h3{font-size:1.1rem;margin:0}.tracker-item-info{display:flex;flex-direction:column;gap:5px}.tracker-value{color:#666;font-size:.9rem}.tracker-main{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto}.tracker-header{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px}.tracker-header h2{margin:0 0 5px}.tracker-header p{color:#666;margin:0}.tracker-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.stat-card h3{color:#666;font-size:.9rem;letter-spacing:.5px;margin:0 0 10px}.stat-value{color:#2196f3;font-size:1.8rem;margin:0}.entries-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.entries-section h3{margin:0 0 15px}.entries-list{display:flex;flex-direction:column;gap:10px;max-height:500px;overflow-y:auto}.entry-item{grid-gap:15px;align-items:center;background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;display:grid;gap:15px;grid-template-columns:150px 150px 1fr auto;padding:15px}.entry-date{font-weight:500}.entry-change{font-size:1.1rem;font-weight:700}.entry-change.negative{color:#f44336}.entry-change.positive{color:#4caf50}.entry-note{color:#666;font-size:.9rem}.entry-actions{display:flex;gap:8px}.no-tracker-selected{align-items:center;color:#999;display:flex;font-size:1.2rem;height:100%;justify-content:center}.btn-new{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s}.btn-new:hover{background:#1976d2}.btn-delete-small{align-items:center;background:none;border:none;color:#f44336;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:transform .2s;width:24px}.btn-delete-small:hover{transform:scale(1.2)}.btn-edit{background:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background .2s}.btn-edit:hover{background:#f57c00}.btn-delete{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background .2s}.btn-delete:hover{background:#d32f2f}.modal-overlay{background:#00000080}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000004d;max-width:500px;min-width:400px;padding:30px}.modal-content h2{margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:10px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#2196f3;outline:none}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .2s}.modal-actions button[type=button]{background:#e0e0e0;color:#333}.modal-actions button[type=button]:hover{background:#bdbdbd}.btn-primary{background:#2196f3;color:#fff}.btn-primary:hover{background:#1976d2}.calendar-page{margin:0 auto;max-width:1200px;padding:10px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.month-display{align-items:center;display:flex;gap:10px}.month-display h2{color:#e0e0e0;font-size:18px;margin:0}.month-nav-btn{background:#3a3a3a;border:none;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:16px;height:32px;transition:all .2s;width:32px}.month-nav-btn:hover{background:#4a4a4a}.today-btn{background:#8b5cf6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px;transition:all .2s}.today-btn:hover{background:#7c3aed}.loading{color:#888;font-size:14px;padding:20px;text-align:center}.calendar-grid-wrapper{background:#2a2a2a;border-radius:8px;padding:10px}.weekday-headers{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);margin-bottom:6px}.weekday-header{color:#888;font-size:11px;font-weight:600;padding:4px;text-align:center}.calendar-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.calendar-day{aspect-ratio:1;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;min-height:60px;padding:6px;position:relative;transition:all .2s}.calendar-day:not(.empty):hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.calendar-day.empty{background:#0000!important;cursor:default}.calendar-day.today{box-shadow:0 0 0 2px #8b5cf6}.day-number{color:#fff;font-size:12px;font-weight:600;margin-bottom:3px}.completion-info{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.percentage{color:#fff;font-size:16px;font-weight:700}.daily-count{color:#fffc;font-size:9px;margin-top:1px}.note-indicator{font-size:11px;position:absolute;right:3px;top:3px}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1e1e1e;border-radius:8px;box-shadow:0 10px 40px #00000080;max-height:85vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:12px 16px}.modal-header h2{color:#e0e0e0;font-size:16px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;font-size:24px;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.close-btn:hover{background:#3a3a3a;color:#e0e0e0}.modal-body{padding:16px}.stats-section{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.stat-card{background:#2a2a2a;border-radius:6px;padding:10px;text-align:center}.stat-card h3{color:#888;font-size:10px;font-weight:500;margin:0 0 6px;text-transform:uppercase}.stat-value{color:#e0e0e0;font-size:20px;font-weight:700;margin-bottom:3px}.stat-percentage{color:#22c55e;font-size:14px;font-weight:600}.dailies-section,.note-section,.tasks-section,.tracker-section{margin-bottom:16px}.dailies-section h3,.note-section h3,.tasks-section h3,.tracker-section h3{color:#e0e0e0;font-size:13px;margin:0 0 8px}.items-list{display:flex;flex-direction:column;gap:4px}.item{align-items:center;background:#2a2a2a;border-radius:4px;color:#888;cursor:pointer;display:flex;gap:8px;padding:6px 8px;transition:background .2s}.item:hover{background:#323232}.item.completed{color:#e0e0e0}.item.has-children{padding-left:4px}.expand-icon{color:#888;font-size:10px;text-align:center;transition:transform .2s;width:16px}.expand-icon.expanded{transform:rotate(90deg)}.checkbox{color:#888;font-size:14px}.item.completed .checkbox{color:#22c55e}.item-title{flex:1 1;font-size:12px}.item-duration{color:#888;font-size:11px}.subdailies{display:flex;flex-direction:column;gap:4px;margin-left:24px;margin-top:4px}.subdaily{align-items:center;background:#252525;border-radius:4px;color:#888;display:flex;font-size:11px;gap:8px;padding:4px 8px}.subdaily.completed{color:#e0e0e0}.empty-message{background:#2a2a2a;border-radius:4px;color:#666;font-size:11px;font-style:italic;padding:12px;text-align:center}.tracker-entries{display:flex;flex-direction:column;gap:6px}.tracker-entry{background:#2a2a2a;border-radius:4px;padding:8px}.entry-value{color:#e0e0e0;font-size:14px;font-weight:600;margin-bottom:3px}.entry-note{color:#888;font-size:11px}.note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.edit-note-btn{background:#8b5cf6;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s}.edit-note-btn:hover{background:#7c3aed}.note-editor{display:flex;flex-direction:column;gap:6px}.note-textarea{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;color:#e0e0e0;font-family:inherit;font-size:12px;padding:8px;resize:vertical;width:100%}.note-textarea:focus{border-color:#8b5cf6;outline:none}.note-actions{display:flex;gap:6px}.save-btn{background:#22c55e;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:4px 10px;transition:all .2s}.save-btn:hover{background:#16a34a}.cancel-btn{background:#3a3a3a;border:none;border-radius:3px;color:#e0e0e0;cursor:pointer;font-size:11px;padding:4px 10px;transition:all .2s}.cancel-btn:hover{background:#4a4a4a}.note-display{background:#2a2a2a;border-radius:4px;color:#e0e0e0;font-size:12px;line-height:1.5;padding:10px;white-space:pre-wrap}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#1e1e1e}.modal-content::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#4a4a4a}
/*# sourceMappingURL=main.00f9bd9a.css.map*/