*{font-family:'Poppins',sans-serif} body{background:#f5f7fb;color:#172033}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;background:linear-gradient(180deg,#101828,#1d2939);color:#fff;padding:22px;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-icon{width:48px;height:48px;border-radius:16px;background:#20c997;display:flex;align-items:center;justify-content:center;font-weight:700}.brand strong{display:block;font-size:20px;font-weight:700}.brand span{font-size:12px;color:#cad5e2}.sidebar .nav-link{color:#d0d5dd;border-radius:14px;padding:11px 14px;font-weight:500}.sidebar .nav-link i{margin-right:10px}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(255,255,255,.12);color:#fff}.main-content{margin-left:280px;width:calc(100% - 280px)}.topbar{background:#fff;padding:24px 32px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar h1{font-size:28px;margin:0;font-weight:700}.topbar p{margin:4px 0 0;color:#667085}.content-area{padding:32px}.card-soft{background:#fff;border:0;border-radius:24px;box-shadow:0 12px 35px rgba(16,24,40,.08)}.btn{border-radius:14px;font-weight:700}.btn-primary{background:#20c997;border-color:#20c997;color:#08251d}.btn-primary:hover{background:#12b886;border-color:#12b886;color:#071f19}.btn-dark{background:#101828}.form-control,.form-select{border-radius:14px;padding:11px 14px}.table{vertical-align:middle}.badge-soft{background:#ecfdf3;color:#027a48;border-radius:99px;padding:7px 10px;font-weight:600}.stat-card{border-radius:22px;background:#fff;padding:22px;box-shadow:0 10px 26px rgba(16,24,40,.07)}.stat-card h3{font-size:30px;font-weight:700;margin:0}.stat-card p{margin:0;color:#667085}.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.kanban-col{background:#fff;border-radius:22px;padding:16px;box-shadow:0 10px 26px rgba(16,24,40,.07)}.kanban-col h5{font-weight:700}.op-card{border:1px solid #eaecf0;border-radius:18px;padding:14px;margin-bottom:12px}.title-bold{font-weight:700}@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.app-shell{display:block}.main-content{margin-left:0;width:100%}.topbar{display:block}.content-area{padding:18px}}.code-box{background:#101828;color:#fff;border-radius:18px;padding:16px;white-space:pre-wrap}.form-check-input:checked{background-color:#20c997;border-color:#20c997}