@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--bg-color:#000000;--panel-bg:#0a0a0a;--text-main:#f5f5f5;--text-muted:#a3a3a3;--primary:#ef4444;--primary-hover:#dc2626;--success:#22c55e;--danger:#ef4444;--border:#262626;--shadow-glow:0 4px 20px rgba(239,68,68,0.15);--font-family:"Inter",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;line-height:1.5;height:100vh;overflow:hidden;max-width:100vw;overflow-x:hidden!important;position:relative}a{text-decoration:none}a,button{color:inherit}button{background:none;border:none;cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:1rem}.card{background-color:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.5);transition:transform .2s ease,box-shadow .2s ease}.card:hover{border-color:#3f3f46}.title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-main);letter-spacing:-.02em}.subtitle{font-size:.875rem;color:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.mt-4{margin-top:1rem}.mt-2{margin-top:.5rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.flex-1{flex:1 1}.btn{background-color:var(--primary);color:#fff;padding:.6rem 1.25rem;border-radius:6px;font-weight:500;font-size:.875rem;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn:hover{background-color:var(--primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:transparent;border:1px solid var(--border);color:var(--text-main)}.btn-secondary:hover{background-color:var(--border)}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-muted{color:var(--text-muted)}.text-main{color:var(--text-main)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-value{font-size:2rem;font-weight:700;margin-top:.5rem;letter-spacing:-.02em}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;color:var(--text-muted)}.form-input{width:100%;padding:.6rem;background-color:var(--bg-color);border:1px solid var(--border);border-radius:6px;color:var(--text-main);font-family:inherit;font-size:.875rem}.form-input:focus{outline:none;border-color:var(--primary)}.app-container{display:flex;height:100vh;overflow:hidden;max-width:100vw;overflow-x:hidden!important}.sidebar{width:260px;background-color:var(--panel-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:transform .3s ease;z-index:100}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border)}.sidebar-nav{padding:1.5rem .75rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-link{padding:.6rem .75rem;color:var(--text-muted);font-weight:500;font-size:.875rem;transition:all .2s;display:flex;border-radius:6px}.sidebar-link:hover{background-color:rgba(255,255,255,.05);color:var(--text-main)}.sidebar-link.active{background-color:rgba(255,255,255,.09)!important;color:#ffffff!important}.main-content{flex:1 1;display:flex;flex-direction:column;height:100vh;overflow:hidden;max-width:100vw;overflow-x:hidden!important}.mobile-header{gap:1rem;padding:1rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border)}.hamburger-btn,.mobile-header{display:flex;align-items:center}.hamburger-btn{color:var(--text-main);justify-content:center}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:90}.container-fluid{padding:1.5rem 2rem;max-width:100vw;width:100%;flex:1 1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden!important}.page-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem;flex-wrap:wrap}@media (max-width:768px){.sidebar{position:fixed;height:100vh;transform:translateX(-100%);width:260px!important;min-width:260px!important;border-right:1px solid var(--border)!important;z-index:150}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block!important;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:140;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.md-hidden{display:flex}.container-fluid{padding:1.5rem;flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden!important}.page-header{flex-direction:column;align-items:stretch!important;gap:.75rem}.page-header>.btn,.page-header>.btn-secondary,.page-header>button{width:100%!important;justify-content:center;font-size:.8rem!important;padding:.55rem .5rem!important}.page-header>div:last-child:not(:first-child),.page-header>form:last-child:not(:first-child){display:flex;width:100%;gap:.5rem;flex-wrap:wrap}.page-header>div:last-child:not(:first-child)>.btn,.page-header>div:last-child:not(:first-child)>.btn-secondary,.page-header>div:last-child:not(:first-child)>button,.page-header>form:last-child:not(:first-child)>.btn,.page-header>form:last-child:not(:first-child)>.btn-secondary,.page-header>form:last-child:not(:first-child)>button{flex:1 1;min-width:120px;justify-content:center;font-size:.78rem!important;padding:.55rem .5rem!important;white-space:nowrap}.page-header>div:last-child:not(:first-child)>div,.page-header>form:last-child:not(:first-child)>div{flex:1 1;min-width:120px}.page-header>div:last-child:not(:first-child)>div>select,.page-header>form:last-child:not(:first-child)>div>select{width:100%!important}}@media (min-width:769px){.md-hidden{display:none!important}}.table-wrapper{overflow:auto;border-radius:8px;border:1px solid var(--border);background:var(--panel-bg);flex:1 1}.data-table{width:100%;border-collapse:collapse;font-size:.875rem;white-space:nowrap}.data-table th{text-align:left;color:var(--text-muted);font-weight:500;font-size:.8rem}.data-table td,.data-table th{padding:.5rem .75rem;border-bottom:1px solid var(--border)}.data-table td{color:var(--text-main);font-size:.85rem}.data-table tbody tr:hover{background:rgba(255,255,255,.02)}.data-table tbody tr:last-child td{border-bottom:none}.tx-icon{width:32px;height:32px;border-radius:50%;background:var(--primary);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.controlling-card{max-width:600px;margin:1.5rem auto;padding:2rem;background-color:var(--panel-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.3)}.controlling-table{width:100%;border-collapse:collapse;font-size:.95rem}.controlling-table td{padding:.75rem 1rem;border:1px solid var(--border);color:var(--text-main);vertical-align:middle}.controlling-table tr.header-row td{background-color:rgba(255,255,255,.02);font-weight:600}.controlling-table tr.total-row td{background-color:rgba(255,255,255,.04);font-weight:700;font-size:1rem;border-top:2px solid var(--border);border-bottom:2px solid var(--border)}.controlling-table tr.highlight-row td{background-color:rgba(239,68,68,.03);border:2px solid var(--primary)}.controlling-table input{background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:4px;color:var(--text-main);text-align:right;padding:.35rem .6rem;font-size:.9rem;width:130px;font-family:inherit;transition:border-color .2s}.controlling-table input:focus{outline:none;border-color:var(--primary)}.save-indicator{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem;transition:opacity .3s}.excel-table-wrapper{overflow:auto;border-radius:8px;border:1px solid var(--border);background:var(--panel-bg);flex:1 1;width:100%;max-height:calc(100vh - 180px)}.excel-table{width:100%;border-collapse:collapse;font-size:.85rem;white-space:nowrap}.excel-table td,.excel-table th{border:1px solid var(--border);padding:.35rem .5rem;vertical-align:middle}.excel-table th{background-color:rgba(255,255,255,.02);color:var(--text-muted);font-weight:600;text-align:left;position:sticky;top:0;z-index:10}.excel-table tbody tr:hover{background:rgba(255,255,255,.01)}.excel-input{width:100%;background:transparent;border:none;color:var(--text-main);font-family:inherit;font-size:.85rem;padding:.25rem .4rem;border-radius:4px}.excel-input:focus{outline:none;background-color:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--primary)}.excel-input.number-input{text-align:right}.excel-table tr.summary-row{background-color:rgba(255,255,255,.03);font-weight:700}.excel-table tr.summary-row td{border-top:2px double var(--border);border-bottom:2px double var(--border)}input[type=checkbox].round-checkbox{appearance:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;outline:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;background:transparent;flex-shrink:0}input[type=checkbox].round-checkbox:hover{border-color:var(--primary);box-shadow:0 0 8px rgba(239,68,68,.4)}input[type=checkbox].round-checkbox:checked{border-color:var(--primary);background:var(--primary);box-shadow:0 0 8px rgba(239,68,68,.6)}input[type=checkbox].round-checkbox:checked:after{content:"";width:6px;height:6px;background:#ffffff;border-radius:50%}.sidebar-todo-btn:hover{color:#ffffff!important}.sidebar-list-item:hover,.sidebar-todo-btn:hover{background:rgba(255,255,255,.03)!important}.sidebar-list-item:hover .list-delete-btn{opacity:.6!important}.sidebar-list-item .list-delete-btn:hover{opacity:1!important;color:var(--danger)!important}.todo-item-card:hover{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.1)!important}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}@media (max-width:768px){.todo-main-layout{position:relative;flex-direction:column!important}.todo-sidebar-panel{width:100%!important;display:none!important;border-right:none!important}.todo-sidebar-panel.active{display:flex!important}.todo-tasks-panel{width:100%!important;display:none!important}.todo-tasks-panel.active{display:flex!important}.todo-detail-panel{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;display:none!important;z-index:50;border-left:none!important}.todo-detail-panel.active{display:flex!important}.todo-mobile-back{display:inline-block!important}}