.app{padding:20px;max-width:1400px;margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}.header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.title{margin:0;font-size:22px}.subtitle{margin:6px 0 0;opacity:.7}.card{border:1px solid rgba(0,0,0,.15);border-radius:10px;overflow:hidden}.card.layout{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start;padding:12px}@media(max-width:900px){.card.layout{grid-template-columns:1fr}}.layout__main{min-width:0}.controls{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:12px;padding:12px;border:1px solid rgba(0,0,0,.15);border-radius:10px}.controls .btn{margin-left:7px}.control label{display:block;font-size:12px;opacity:.7;margin-bottom:6px}@media(max-width:768pxpx){.control{input:width 100%}}.control input{width:50%;padding:10px;border-radius:8px;border:1px solid rgba(0,0,0,.15);box-sizing:border-box}.control-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:10px;align-items:center}.control-container .control label{display:block;font-size:12px;opacity:.7;margin-bottom:6px}.control-container .control select{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(0,0,0,.15)}.control-container .control button{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(0,0,0,.2);background:#fff;cursor:pointer}@media(max-width:900px){.control-container{grid-template-columns:1fr}.control input{width:100%}}.pagination{padding:12px;display:flex;justify-content:space-between;align-items:center}.pagination__info{font-size:14px;opacity:.75}.pagination__controls{display:flex;align-items:center;gap:8px}.pagination__page{font-size:14px}.pagination button{padding:8px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.2);background:#fff;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.error{margin-bottom:10px;color:#dc143c}input,select,textarea{padding:10px;border-radius:8px;border:1px solid rgba(0,0,0,.2);font-size:14px}button{padding:10px;border-radius:8px;border:1px solid rgba(0,0,0,.2);background:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.coldstart{padding:10px 12px;margin:12px;border:1px solid rgba(0,0,0,.15);border-radius:10px;background:#00000008;font-size:14px}.table-wrapper{width:100%;overflow-x:auto;overflow-y:auto;max-height:520px;border-radius:10px}.table{width:100%;border-collapse:collapse}.thead{background:#f5f5f5;position:sticky;top:0;z-index:2;box-shadow:0 1px #00000080}.th{text-align:left;padding:12px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background-color:#f5f5f5}.td{padding:12px;font-size:14px;vertical-align:top}.tr{cursor:pointer;transition:background-color .15s ease}.tr:hover{background:#00000009;cursor:pointer}.tr--selected,.tr--selected:hover{background:#0000000f}.tr--selected td:first-child{position:relative}.tr--selected td:first-child:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:#00000080;border-radius:2px}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(0,0,0,.15);background:#fff;text-transform:lowercase}.pill--active{font-weight:600}.pill--paused{font-style:italic}.pill--archived{opacity:.7}.pill--low{font-weight:500;background:#fff3b0;border-color:#e6b800;color:#5c4b00}.pill--medium{font-weight:600;background:#ffd9b3;border-color:#e6a566;color:#6b3a00}.pill--high{font-weight:700;background:#fdeaea;border-color:#f1a7a7;color:#7a1c1c}.pill--active{background:#e9f7ef;border-color:#9fd6b4;color:#14532d;font-weight:600}.pill--paused{opacity:.9;background:#fff3e0;border-color:#f0c27b;color:#7a3e00;font-style:italic}.pill--archived{background:#f1f3f5;border-color:#cfd4da;color:#343a40;opacity:.95}.priority{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;text-transform:lowercase;border:1px solid rgba(0,0,0,.2)}.table-wrapper:focus{outline:2px solid rgba(0,0,0,.35);outline-offset:4px;border-radius:10px}.tr--active{background:#00000008}.tr--active td:first-child{border-left:3px solid rgba(0,0,0,.5)}.tr:focus-visible{outline:2px solid #4c9ffe;outline-offset:-2px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.tr--skeleton{cursor:default}.skeleton{height:12px;border-radius:999px;background:linear-gradient(90deg,#0000000f,#0000001a,#0000000f);background-size:400px 100%;animation:shimmer 1.1s ease-in-out infinite}.skeleton--w25{width:25%}.skeleton--w30{width:30%}.skeleton--w35{width:35%}.skeleton--w40{width:40%}.skeleton--w60{width:60%}.panel{border:1px solid rgba(0,0,0,.15);border-radius:10px;padding:12px;background:#fff;position:sticky;top:12px}.panel--open{display:block}.panel--closed{display:none}.panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel__title{margin:0;font-size:16px}.panel__form{display:grid;gap:10px}.panel__form label{display:grid;gap:6px;font-size:12px}.panel__form input,.panel__form select,.panel__form textarea{padding:10px;border-radius:8px;border:1px solid rgba(0,0,0,.2);font-size:14px}.panel__form button{padding:10px;border-radius:8px;border:1px solid rgba(0,0,0,.2);background:#fff;cursor:pointer}.panel__form button:disabled{opacity:.6;cursor:not-allowed}.panel__hint{margin:0;opacity:.7;font-size:12px}.panel__overlay{position:absolute;inset:0;background:#ffffffa6;display:grid;place-items:center;border-radius:10px}.panel__overlayBox{padding:10px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#fff;font-size:14px}.panel{position:sticky;top:12px}.panel{position:sticky;top:12px;position:relative}.panel--empty{background:#00000005;border-style:dashed}@media(max-width:900px){.panel{position:static}}