.cl-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.cl-head small{color:#8b5cf6;font-weight:700}.cl-head h2{margin:3px 0;font-size:28px}.cl-primary{border:0;border-radius:12px;padding:10px 14px;color:#fff;background:linear-gradient(135deg,#8b5cf6,#3b82f6);font-weight:700;cursor:pointer}.cl-head button:not(.cl-primary),.cl-row button,.cl-card button,.cl-cancel,.cl-toolbar button{border:1px solid #e2e5ec;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}.cl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cl-card,.cl-list{background:#fff;border:1px solid #e8eaf1;border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(31,41,55,.05)}.cl-card h3{margin:10px 0 4px}.cl-card p{color:#748095}.cl-card span{font-size:11px;color:#7041c5;background:#f2edff;padding:5px 8px;border-radius:999px}.cl-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:15px}.cl-tabs button{white-space:nowrap;border:1px solid #e2e5ec;background:#fff;border-radius:999px;padding:9px 13px;color:#667085}.cl-tabs button.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#8b5cf6,#3b82f6)}.cl-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.cl-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 2px;border-bottom:1px solid #eef0f4}.cl-row:last-child{border:0}.cl-row b,.cl-row span{display:block}.cl-row span{font-size:12px;color:#7b8799}.cl-empty{padding:30px;text-align:center;color:#98a2b3}.cl-overlay{position:fixed;inset:0;background:rgba(15,23,42,.32);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:120}.cl-modal{width:min(680px,94vw);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 80px rgba(15,23,42,.22)}.cl-mh{display:flex;justify-content:space-between;align-items:center}.cl-close{border:0;background:#f3f4f7;border-radius:10px;padding:7px 10px;font-size:20px}.cl-modal label{display:block;margin:11px 0;color:#566276}.cl-modal input,.cl-modal select,.cl-modal textarea{display:block;width:100%;padding:10px;border:1px solid #dfe3eb;border-radius:10px;margin-top:5px}.cl-modal textarea{min-height:80px}.cl-check input{display:inline;width:auto}.cl-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.cl-err{color:#b42318}.cl-att>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eef0f4}.cl-att button{border:1px solid #e1e5ed;background:#fff;border-radius:10px;padding:8px 10px;margin-left:5px}.cl-att .present.active{background:#dcfce7;border-color:#22c55e;color:#166534}.cl-att .absent.active{background:#fef3c7;border-color:#f59e0b;color:#92400e}.cl-att .justified.active{background:#e0f2fe;border-color:#38bdf8;color:#075985}.cl-toast{position:fixed;right:20px;bottom:20px;z-index:200;background:#172033;color:#fff;padding:11px 15px;border-radius:12px}@media(max-width:900px){.cl-grid{grid-template-columns:1fr}.cl-head{flex-direction:column;align-items:stretch}.cl-row{align-items:flex-start;flex-direction:column}.cl-toolbar{flex-direction:column}.cl-toolbar button{width:100%}}