:root{--forest:#153d31;--forest2:#1d5544;--ink:#1d2925;--muted:#77817d;--line:#e7ebe7;--paper:#f6f7f3;--white:#fff;--mint:#e0f2e9;--lilac:#ece9fb;--peach:#fff0e4;--blue:#e6effd;--shadow:0 12px 32px rgba(21,61,49,.06)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper)}body{font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,strong,b{font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}h1{font-size:clamp(27px,3vw,36px);letter-spacing:-1.5px;margin:6px 0 8px;color:var(--forest)}h2{font-size:19px;letter-spacing:-.45px;margin:6px 0 10px}p{line-height:1.6}.muted,small{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.45px;color:#7d8982;margin:0 0 8px}
.app-shell{min-height:100vh}.sidebar{background:var(--forest);color:#eaf3ed;width:252px;position:fixed;inset:0 auto 0 0;padding:26px 17px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 34px}.brand-mark{width:58px;height:58px;border-radius:20px;background:#e7f4e9;color:var(--forest);display:grid;place-items:center;font-size:29px;margin:0 auto 18px}.brand-mark.small{width:38px;height:38px;border-radius:13px;font-size:19px;margin:0;background:#d8eddd}.brand strong,.brand small{display:block}.brand strong{font-size:15px;color:#fff}.brand small{color:#adc5b8;font-size:11px;margin-top:3px}.sidebar nav{display:grid;gap:5px}.nav-link{height:45px;border-radius:12px;display:flex;align-items:center;gap:12px;padding:0 13px;color:#c8d8cf;font-size:13px;font-weight:500}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.13);color:#fff}.nav-icon{width:20px;text-align:center;font-size:17px}.sidebar-bottom{margin-top:auto}.online-state{display:flex;align-items:center;gap:9px;font-size:11px;color:#b9d0c2;padding:12px 12px 16px}.online-state i{width:7px;height:7px;border-radius:50%;background:#83d9a1}.online-state.offline i{background:#ffb466}.user-mini{border-top:1px solid rgba(255,255,255,.13);padding:17px 8px 10px;display:flex;align-items:center;gap:10px}.user-mini b,.user-mini small{display:block;font-size:11px}.user-mini b{color:#fff}.user-mini small{color:#adc5b8;margin-top:3px}.avatar{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#dcebe2;color:var(--forest);font-weight:700;font-family:Manrope}.logout{background:none;border:0;color:#b9d0c2;padding:9px 10px;font-size:11px}.main-area{margin-left:252px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:83px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(20px,4vw,54px);gap:14px}.topbar>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.topbar .eyebrow{font-size:9px;margin:0}.topbar strong{font-size:14px}.profile-pill{margin-left:auto;display:flex;align-items:center;gap:8px;color:#66736d;font-size:12px}.small-avatar{width:29px;height:29px;font-size:12px}.content{width:min(1180px,100%);padding:35px clamp(18px,4vw,54px) 48px;margin:0 auto;flex:1}.app-footer{text-align:center;color:#9da7a1;font-size:11px;padding:18px}.menu-toggle{display:none}.install-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 13px;color:var(--forest);font-weight:600;font-size:12px}
.welcome-row,.page-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.welcome-row .muted,.page-title .muted{margin:0}.sun{font-size:21px;color:#ecad4c}.btn{border:0;border-radius:11px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:12px;transition:.15s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--forest);color:#fff;box-shadow:0 7px 16px #153d311c}.btn.primary:hover{background:var(--forest2)}.btn.light{background:#f0f3ef;color:var(--forest)}.btn.whatsapp{background:#e3f6e8;color:#18773e}.btn.danger-outline{background:#fff;border:1px solid #edc7c7;color:#b54848}.btn.full{width:100%;padding:14px}.button-row{display:flex;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.stat-card{background:#fff;border:1px solid #edf0eb;border-radius:17px;padding:20px 19px;min-height:146px;box-shadow:var(--shadow);position:relative}.stat-label{display:block;color:#748079;font-size:11px;font-weight:600;margin:7px 0 9px}.stat-card strong{display:block;font-size:31px;line-height:1.1;color:var(--forest);letter-spacing:-1px}.stat-card small{font-size:10px;display:block;margin-top:6px}.stat-icon,.quick-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;font-size:17px;color:var(--forest)}.lilac{background:var(--lilac)}.mint{background:var(--mint)}.peach{background:var(--peach)}.bluebg{background:var(--blue)}.panel{background:#fff;border:1px solid #e9ede8;border-radius:18px;padding:23px;box-shadow:var(--shadow);margin-bottom:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.quick-actions a{border:1px solid var(--line);border-radius:14px;padding:15px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;transition:.15s}.quick-actions a:hover{border-color:#bad4c4;transform:translateY(-2px)}.quick-actions b{font-size:12px}.quick-actions small{font-size:10px}.quick-icon{margin-bottom:6px}.count-pill{font:600 13px Inter;color:#60736a;background:#e9efea;padding:4px 10px;border-radius:15px;vertical-align:middle}
.alert{padding:13px 15px;border-radius:11px;margin:0 0 18px;font-size:12px;line-height:1.5}.alert button{float:right;border:0;background:none;font-size:18px;color:inherit}.alert.success{background:#e7f4e9;color:#236443}.alert.danger{background:#fff0ee;color:#9f413b}.form-panel{max-width:830px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label,.stack label,.grade-form label,.date-field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#52625a}.form-grid input,.form-grid select,.form-grid textarea,.stack input,.attendance-row select,.date-field input,.grade-form input,.grade-form textarea,.answer-form textarea,.chat-form textarea{width:100%;border:1px solid #dfe5df;border-radius:10px;background:#fff;padding:11px 12px;outline:none;color:var(--ink);font-size:13px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.stack input:focus,textarea:focus{border-color:#7ea990;box-shadow:0 0 0 3px #e6f2e9}.form-grid small{font-weight:400}.wide{grid-column:1/-1}.form-actions{margin-top:22px;display:flex;justify-content:flex-end}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.searchbox{height:41px;border:1px solid var(--line);border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:8px;color:#8a9890;max-width:370px;width:100%}.searchbox input{border:0;outline:0;width:100%;font-size:12px}.student-list{display:grid}.student-row{display:flex;align-items:center;gap:12px;border-top:1px solid #eff1ee;padding:13px 3px}.student-row:hover{background:#fbfcfa}.student-main{flex:1;min-width:0}.student-main b,.student-main small,.student-discipler small{display:block}.student-main b{font-size:12px}.student-main small,.student-discipler small{font-size:10px;margin-top:4px}.student-discipler{min-width:130px;font-size:11px}.row-arrow{color:#84928a}.badge{font-size:10px;font-weight:700;border-radius:30px;padding:6px 9px;white-space:nowrap}.badge.green{background:#e2f4e9;color:#287346}.badge.red{background:#ffebeb;color:#a34444}.badge.amber{background:#fff2d8;color:#986720}.badge.blue{background:#e8effd;color:#456caf}.badge.gray{background:#f0f2ef;color:#737f77}.empty-state{text-align:center;padding:42px 15px;color:#7a8780}.empty-state h3{color:var(--ink);font-size:16px}.empty-state p{font-size:12px}
.profile-cover{display:flex;align-items:center;gap:14px;padding:6px 0 17px;border-bottom:1px solid var(--line)}.profile-cover h2{margin:0 0 5px}.profile-avatar{width:52px;height:52px;font-size:20px}.contact-actions{display:flex;flex-wrap:wrap;gap:8px;padding:17px 0;border-bottom:1px solid var(--line)}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 14px;padding:21px 0 4px}.details-grid small,.details-grid b{display:block}.details-grid small{font-size:10px;margin-bottom:5px}.details-grid b{font-size:12px;overflow-wrap:anywhere}.compact-list{display:grid}.compact-list>div{padding:9px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.attendance-panel .toolbar{align-items:end}.attendance-list{display:grid}.attendance-row{display:grid;grid-template-columns:36px 1fr 155px;align-items:center;gap:12px;border-top:1px solid #edf0ec;padding:11px 2px}.attendance-row b{font-size:12px}.attendance-row select{padding:9px;font-size:12px}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.resource-card{margin:0}.resource-card h2{margin-top:9px}.resource-body{font-size:13px;line-height:1.7;white-space:normal;margin:12px 0 17px}.resource-type{font-size:16px;color:var(--forest);margin-bottom:14px}.resource-type span{font-size:9px;letter-spacing:1px;font-weight:700}.resource-card .eyebrow{margin-bottom:5px}.exercise-list{display:grid;gap:14px}.exercise-card{margin:0}.exercise-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.exercise-top h2{margin-top:10px}.score-pill{padding:8px 11px;border-radius:10px;background:#f0f3ef;color:var(--forest);font-weight:700;font-size:12px;white-space:nowrap}.exercise-card>p{font-size:13px;line-height:1.7}.exercise-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:11px}.answer-form{display:grid;gap:9px;margin-top:14px}.radio-card{border:1px solid var(--line);border-radius:10px;padding:11px;display:flex;gap:10px;font-size:12px}.radio-card:has(input:checked){border-color:#70a787;background:#f2f8f3}.grade-result{background:#eaf5ec;border-radius:11px;padding:12px 14px;margin-top:13px;color:#285f3c;font-size:12px}.grade-result p{margin:5px 0 0}.quiz-choice{display:flex;gap:12px;align-items:center;margin:8px 0}.quiz-choice input[type=text],.quiz-choice input:not([type]){flex:1;border:1px solid var(--line);padding:10px;border-radius:9px}.submission-card{border-top:1px solid var(--line);padding:17px 0}.submission-card>small{display:block;margin:5px 0 10px}.answer-box{white-space:pre-wrap;background:#f6f8f5;padding:13px;border-radius:10px;font-size:12px;line-height:1.6;margin:10px 0}.grade-form{display:flex;gap:10px;align-items:end}.grade-form label{min-width:100px}.grade-form .grow{flex:1}.grade-form input,.grade-form textarea{margin-top:5px}.messages-layout{display:flex;min-height:450px;padding:0;overflow:hidden}.message-contacts{width:230px;border-right:1px solid var(--line);padding:16px;flex:none}.message-contacts h3{font-size:12px}.contact-link{display:block;padding:10px;border-radius:9px;font-size:11px}.contact-link.active,.contact-link:hover{background:#edf5ef}.chat-area{display:flex;flex-direction:column;flex:1;min-width:0}.chat-messages{padding:17px;flex:1;min-height:300px;max-height:55vh;overflow:auto}.bubble-wrap{margin:10px 0;max-width:80%}.bubble-wrap small{font-size:9px}.bubble{background:#f1f4f0;border-radius:5px 14px 14px 14px;padding:10px 12px;margin-top:5px;font-size:12px;line-height:1.6}.bubble-wrap.mine{margin-left:auto}.bubble-wrap.mine .bubble{background:#e5f3e9;border-radius:14px 5px 14px 14px}.chat-form{border-top:1px solid var(--line);padding:13px;display:flex;gap:8px;align-items:end}.chat-form textarea{resize:vertical}.modal-backdrop{display:none;position:fixed;inset:0;background:#0d1915e8;z-index:80;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.video-modal{width:min(900px,100%);position:relative}.modal-close{position:absolute;right:0;top:-42px;border:0;background:none;color:white;font-size:30px}.video-frame{position:relative;padding-bottom:56.25%;height:0}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:14px}.login-page{min-height:100vh;background:radial-gradient(circle at 18% 10%,#e8f2e6,transparent 35%),#f4f6f1;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:white;border:1px solid #e7ede7;border-radius:24px;padding:38px;box-shadow:0 25px 70px #153d3113}.login-card h1{text-align:center;margin:8px 0}.login-card>.eyebrow,.login-card>.muted,.login-foot{text-align:center}.login-card>.muted{font-size:13px;margin-bottom:25px}.login-card .stack{display:grid;gap:14px}.stack label{font-size:11px}.stack input{margin-top:2px}.login-foot{font-size:10px;margin-top:23px}.login-card .brand-mark{margin-bottom:16px}
[hidden]{display:none!important}
@media(max-width:1050px){.sidebar{width:220px}.main-area{margin-left:220px}.stats-grid{grid-template-columns:repeat(2,1fr)}.details-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .22s;width:270px;box-shadow:10px 0 30px #10251c22}.menu-open .sidebar{transform:translateX(0)}.main-area{margin-left:0}.topbar{height:69px;padding:0 17px}.menu-toggle{display:block;border:0;background:#eef3ee;border-radius:9px;width:36px;height:36px;color:var(--forest)}.profile-pill{font-size:0}.profile-pill .avatar{font-size:12px}.content{padding:25px 16px 35px}.welcome-row,.page-title{align-items:flex-start;flex-direction:column}.welcome-row .btn,.page-title>.btn{align-self:stretch}.stats-grid{gap:10px;margin:18px 0}.stat-card{padding:15px;min-height:126px}.stat-card strong{font-size:27px}.quick-actions{grid-template-columns:1fr}.quick-actions a{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:1px 10px;padding:11px}.quick-icon{grid-row:span 2;margin:0}.quick-actions small{font-size:10px}.panel{padding:17px;border-radius:15px}.form-grid{grid-template-columns:1fr;gap:13px}.wide{grid-column:auto}.student-row{gap:9px}.student-discipler{display:none}.student-presence{font-size:9px}.student-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.resource-grid{grid-template-columns:1fr}.attendance-row{grid-template-columns:34px 1fr 130px;gap:8px}.attendance-row select{font-size:10px;padding:8px 5px}.toolbar{align-items:stretch;flex-direction:column}.toolbar>.btn{align-self:stretch}.details-grid{grid-template-columns:repeat(2,1fr);gap:15px 10px}.contact-actions .btn{flex:1}.grade-form{flex-wrap:wrap}.grade-form .grow{flex-basis:100%}.messages-layout{display:block}.message-contacts{width:auto;display:flex;gap:6px;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px}.message-contacts h3{display:none}.contact-link{white-space:nowrap;background:#f3f5f2}.chat-messages{min-height:250px}.chat-form{align-items:stretch;flex-direction:column}.chat-form .btn{align-self:flex-end}.login-card{padding:30px 23px}.install-btn{font-size:0;padding:8px 10px}.install-btn:after{content:'Installer';font-size:11px}}
@media(max-width:420px){h1{font-size:27px}.student-presence{display:none}.attendance-row{grid-template-columns:32px 1fr 118px}.page-title .button-row{width:100%}.page-title .button-row .btn{flex:1}}


.import-page{min-height:100vh;background:#f7f9f5;padding:24px}.import-header{max-width:900px;margin:0 auto 35px;display:flex;align-items:center;justify-content:space-between;gap:16px}.import-wrap{max-width:760px;margin:auto}.import-wrap h1{margin:8px 0}.import-wrap .panel{margin:18px 0}.import-wrap .panel h2{font-size:18px;margin:0 0 15px}.import-wrap .stack{max-width:520px}.import-buttons{display:flex;gap:10px;flex-wrap:wrap}.import-hint{margin:15px 0 0;line-height:1.6}.import-errors{max-height:260px;overflow:auto;padding-left:21px;color:#9f413b;font-size:12px;line-height:1.7}@media(max-width:520px){.import-page{padding:16px}.import-header{margin-bottom:28px}.import-header .brand small{display:none}.import-buttons .btn{width:100%;justify-content:center}}