.cmp-shell{background:#0d131b;color:#eef4f8;min-height:100%;padding:14px;font-family:Inter,system-ui,sans-serif}.cmp-hero{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid rgba(245,183,0,.3);border-radius:18px;background:linear-gradient(145deg,#172531,#101821)}.cmp-hero-icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#f5b700,#ffcb3d);display:grid;place-items:center;font-size:29px;box-shadow:0 8px 25px rgba(245,183,0,.2)}.cmp-hero small,.cmp-detail header small,.cmp-plan>small{font-size:8px;font-weight:900;letter-spacing:1.2px;color:#f5b700}.cmp-hero h2,.cmp-detail h2,.cmp-plan h2{font-size:20px;margin:3px 0}.cmp-hero p{font-size:9px;line-height:1.45;color:#9aaabd;margin:0}.cmp-tabs{display:flex;gap:6px;overflow:auto;padding:12px 0 10px;border-bottom:1px solid #28323d}.cmp-tabs button{white-space:nowrap;border:1px solid #303c49;background:#121a24;color:#8fa2b8;border-radius:20px;padding:8px 11px;font-size:8px;font-weight:900}.cmp-tabs button.active{background:#f5b700;color:#121820;border-color:#f5b700}.cmp-content{padding-top:12px}.cmp-loading,.cmp-empty{padding:28px 14px;text-align:center;color:#8ea0b4;background:#121a23;border:1px dashed #34414e;border-radius:15px;font-size:10px}.cmp-loading{display:grid;gap:8px;place-items:center}.cmp-loading:first-letter{font-size:27px}.cmp-empty b{display:block;color:#dbe5ed;font-size:11px;margin-bottom:5px}.cmp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:14px}.cmp-kpis>div{padding:12px 7px;text-align:center;background:#131c26;border:1px solid #2b3743;border-radius:13px}.cmp-kpis b{display:block;font-size:20px;color:#e7eef4}.cmp-kpis small{font-size:7px;color:#8799ad;font-weight:900}.cmp-kpis .warning b{color:#f5b700}.cmp-kpis .danger b{color:#ff6375}.cmp-section-title{font-size:8px;font-weight:900;letter-spacing:1px;color:#899caf;margin:15px 2px 8px}.cmp-list{display:grid;gap:8px}.cmp-register,.cmp-activity{background:#131b25;border:1px solid #2b3743;border-radius:14px;padding:12px}.cmp-register{border-left:4px solid #2bd690}.cmp-register.cmp-state-WARNING{border-left-color:#f5b700}.cmp-register.cmp-state-DUE{border-left-color:#ff6375}.cmp-register.cmp-state-NO_TARGET{border-left-color:#78899a}.cmp-card-head{display:flex;gap:8px;align-items:flex-start}.cmp-card-head>div{min-width:0;flex:1}.cmp-card-head small{font-size:7px;color:#8295a9;font-weight:800}.cmp-card-head h3{font-size:11px;margin:3px 0 0;line-height:1.3}.cmp-card-head>span{font-size:7px;font-weight:900;padding:5px 7px;border-radius:8px;background:#25303c;color:#b7c6d3}.cmp-state-WARNING .cmp-card-head>span{background:rgba(245,183,0,.14);color:#ffd24e}.cmp-state-DUE .cmp-card-head>span{background:rgba(255,99,117,.13);color:#ff7a89}.cmp-life{height:6px;background:#222e3a;border-radius:8px;overflow:hidden;margin:10px 0}.cmp-life>div{height:100%;background:linear-gradient(90deg,#14b87a,#f5b700,#ff6375);border-radius:8px}.cmp-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.cmp-metrics span{background:#0e151e;padding:7px;border-radius:8px}.cmp-metrics small{display:block;font-size:6px;color:#75879b}.cmp-metrics b{font-size:9px}.cmp-register p,.cmp-activity p{font-size:8px;color:#8fa1b4;margin:8px 0 0}.cmp-mini-action,.cmp-secondary,.cmp-primary,.cmp-import-actions button,.cmp-import-actions a,.cmp-import-actions label{border:0;border-radius:10px;font-size:8px;font-weight:900;padding:9px 11px;text-align:center}.cmp-mini-action{width:100%;margin-top:9px;background:#1b2733;color:#f5b700;border:1px solid rgba(245,183,0,.24)}.cmp-primary{width:100%;background:#f5b700;color:#111820;margin-top:10px}.cmp-secondary{width:100%;background:#203041;color:#dce7ef;border:1px solid #34485b;margin-top:8px}.cmp-filter{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:10px}.cmp-filter input,.cmp-filter select,.cmp-form input,.cmp-form select,.cmp-form textarea,.cmp-plan input,.cmp-plan select,.cmp-plan textarea,.cmp-review textarea,.cmp-config-row input,.cmp-config-row select{background:#0f1720;border:1px solid #34414e;color:#edf3f7;border-radius:9px;padding:10px;font-size:9px;min-width:0}.cmp-filter input{width:100%}.cmp-activity{cursor:pointer}.cmp-status-SUBMITTED,.cmp-status-TECHNICAL_APPROVED{background:rgba(82,165,255,.14)!important;color:#74b7ff!important}.cmp-status-REWORK,.cmp-status-REJECTED{background:rgba(255,99,117,.14)!important;color:#ff7a89!important}.cmp-status-APPROVED,.cmp-status-IMPORTED{background:rgba(43,214,144,.13)!important;color:#53dda3!important}.cmp-history{display:grid;gap:6px}.cmp-history article{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px;background:#131b25;border:1px solid #2b3743;border-radius:12px;cursor:pointer}.cmp-history b,.cmp-history small{display:block}.cmp-history b{font-size:9px}.cmp-history small{font-size:7px;color:#8194a8;margin-bottom:3px}.cmp-plan,.cmp-detail{padding:13px;background:#0d141c;color:#eef4f8}.cmp-plan label,.cmp-form label{display:grid;gap:5px;font-size:8px;font-weight:900;color:#91a4b8;margin-top:9px}.cmp-plan textarea,.cmp-form textarea{min-height:74px;resize:vertical}.cmp-detail header{position:relative;border-bottom:1px solid #2c3743;padding-bottom:12px}.cmp-detail header>span{position:absolute;right:0;top:0;font-size:7px;font-weight:900;padding:5px 8px;border-radius:8px;background:#263340;color:#b8c8d6}.cmp-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:12px 0}.cmp-detail-grid div{background:#131d27;border:1px solid #2a3743;border-radius:11px;padding:10px}.cmp-detail-grid small{display:block;color:#7f92a6;font-size:6px}.cmp-detail-grid b{font-size:10px}.cmp-form{background:#121b24;border:1px solid #2b3845;border-radius:14px;padding:12px}.cmp-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.cmp-upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.cmp-upload-grid label{display:grid;gap:6px;background:#121b24;border:1px solid #2b3845;border-radius:11px;padding:9px;font-size:7px;color:#91a5b8}.cmp-upload-grid label.required{border-color:rgba(245,183,0,.35)}.cmp-upload-grid input{font-size:7px;color:#a9bac9}.cmp-evidence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.cmp-evidence-grid a{position:relative;aspect-ratio:4/3;border-radius:11px;overflow:hidden;background:#121b24}.cmp-evidence-grid img{width:100%;height:100%;object-fit:cover}.cmp-evidence-grid span{position:absolute;left:0;right:0;bottom:0;padding:6px;background:rgba(8,13,18,.78);font-size:6px;color:#fff}.cmp-timeline{display:grid;gap:7px}.cmp-timeline>div{display:flex;gap:9px;align-items:center;padding:9px;background:#121b24;border:1px solid #2b3845;border-radius:11px}.cmp-timeline>div>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#293745;font-size:8px;font-weight:900}.cmp-timeline .APPROVED>span{background:#1fa874}.cmp-timeline .PENDING>span{background:#f5b700;color:#111820}.cmp-timeline b{font-size:9px}.cmp-timeline small{display:block;font-size:7px;color:#8799ad;margin-top:2px}.cmp-review{margin-top:12px;padding:12px;background:#121b24;border:1px solid rgba(245,183,0,.25);border-radius:14px}.cmp-review textarea{width:100%;min-height:70px}.cmp-review>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.cmp-review button{padding:9px;border-radius:9px;border:1px solid #354250;background:#1a2530;color:#ff8190;font-size:7px;font-weight:900}.cmp-review button.approve{background:#1ba770;color:white;border-color:#1ba770}.cmp-import-card{background:#121b24;border:1px solid #2c3946;border-radius:14px;padding:13px;margin-bottom:10px}.cmp-import-card h3{font-size:11px;margin:0 0 4px}.cmp-import-card>p{font-size:8px;color:#8fa2b4;line-height:1.45}.cmp-import-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.cmp-import-actions a,.cmp-import-actions label,.cmp-import-actions button{display:grid;place-items:center;background:#1c2b38;color:#dce7ef;border:1px solid #34495a;text-decoration:none}.cmp-import-actions input{display:none}.cmp-preview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.cmp-preview-summary span{padding:10px;text-align:center;background:#0d151e;border-radius:9px}.cmp-preview-summary b{display:block;font-size:17px}.cmp-preview-summary small{font-size:6px;color:#8194a8}.cmp-preview-summary .good b{color:#45dc9e}.cmp-preview-summary .bad b{color:#ff7384}.cmp-error-list{max-height:260px;overflow:auto;margin-top:8px}.cmp-error-list>div,.cmp-batch-list>div{padding:8px;border-bottom:1px solid #293641}.cmp-error-list b,.cmp-batch-list b{display:block;font-size:8px}.cmp-error-list small,.cmp-batch-list small{display:block;color:#8fa1b4;font-size:7px;margin-top:3px;line-height:1.4}.cmp-ok{padding:12px;margin-top:8px;background:rgba(43,214,144,.1);color:#56dfa7;border-radius:10px;font-size:8px;font-weight:900}.cmp-config-row{display:grid;grid-template-columns:.8fr 1.4fr 1fr 1.2fr;gap:5px;margin:7px 0}.cmp-unit>.cmp-primary{margin-bottom:12px}
@media(max-width:460px){.cmp-kpis{grid-template-columns:repeat(2,1fr)}.cmp-metrics{grid-template-columns:repeat(2,1fr)}.cmp-form-grid,.cmp-upload-grid,.cmp-import-actions,.cmp-config-row{grid-template-columns:1fr}.cmp-history article{grid-template-columns:1fr}.cmp-hero h2{font-size:17px}}