*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh}body{background:#131313;color:#f0e8d8;font-family:Barlow,sans-serif;font-size:18px;overflow-x:hidden}#topo-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}#root{position:relative;z-index:1}.drag-handle{opacity:0;transition:opacity .15s;color:#3a3a3a;flex-shrink:0;cursor:grab;display:flex;align-items:center}.drag-row:hover .drag-handle{opacity:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#131313}::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:3px}input,textarea,select{color-scheme:dark;font-family:Barlow,sans-serif;font-size:17px}input:focus,textarea:focus,select:focus{outline:1px solid #c85c28!important}button{cursor:pointer;transition:opacity .15s;font-family:Barlow,sans-serif}button:hover{opacity:.82}button:active{transform:scale(.97)}.ch:hover{border-color:#4a4a4a!important;transform:translateY(-2px);box-shadow:0 6px 28px #0000008c;transition:all .2s}.th:hover{color:#f0e8d8!important}.ih:hover{border-color:#555!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fu{animation:fadeUp .25s ease forwards}.modal-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:#1c1c1c;border:1px solid #3d3d3d;border-radius:12px;padding:28px;width:100%;max-width:600px;max-height:92vh;overflow-y:auto}.status-drop{position:absolute;top:calc(100% + 5px);left:0;background:#1a1a1a;border:1px solid #3d3d3d;border-radius:8px;padding:5px;z-index:500;min-width:145px;box-shadow:0 8px 24px #000000a6}@keyframes spin{to{transform:rotate(360deg)}}tr:hover td{background:#ffffff06!important}tr:hover .cat-rename-btn{opacity:1!important;color:#7a5a30!important}tr:hover .cat-add-btn,.cat-card-header:hover .cat-rename-btn,.cat-card-header:hover .cat-add-btn{opacity:1!important}