@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap');
:root{--ink:#1e2b28;--muted:#70807b;--paper:#f4f6f1;--white:#fff;--green:#173f36;--mint:#dce8dd;--lime:#d9ef9f;--line:#dfe5df;--danger:#a33a3a;--shadow:0 22px 65px rgba(27,50,43,.13)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;min-height:100vh}.hidden{display:none!important}button,input,textarea{font:inherit}button{cursor:pointer}.ambient{position:fixed;border-radius:999px;filter:blur(2px);pointer-events:none}.ambient-one{width:420px;height:420px;background:#e4edbf;left:-180px;top:-170px}.ambient-two{width:500px;height:500px;background:#cde0d5;right:-280px;bottom:-250px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;max-width:1180px;margin:auto;padding:48px;position:relative}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope;font-weight:700;font-size:18px}.logo{display:grid;place-items:center;width:36px;height:36px;background:var(--green);color:#fff;border-radius:10px}.story h1{font:700 clamp(42px,5.4vw,72px)/1.04 Manrope;margin:22px 0;letter-spacing:-3px}.story h1 em{font-style:normal;color:#537469}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:#789081}.story>.eyebrow{margin-top:110px}.lede{max-width:560px;font-size:18px;line-height:1.65;color:#5f716b}.benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.benefits span{background:rgba(255,255,255,.65);border:1px solid #dce4d9;padding:9px 14px;border-radius:99px;font-size:13px}.panel{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);border-radius:28px}.login-card{padding:44px}.mini-mark{width:48px;height:48px;border-radius:14px;background:var(--mint);display:grid;place-items:center;color:var(--green);font-weight:800;margin-bottom:28px}.login-card h2,.modal h2{font:700 28px Manrope;margin:7px 0}.muted{color:var(--muted);margin:5px 0 24px}label{display:grid;gap:8px;font-size:13px;font-weight:600;margin:18px 0}input,textarea{width:100%;border:1px solid var(--line);background:#fafbf8;border-radius:12px;padding:13px 14px;outline:none;color:var(--ink);transition:.2s}input:focus,textarea:focus{border-color:#64877b;box-shadow:0 0 0 3px rgba(100,135,123,.13)}.primary{border:0;border-radius:12px;background:var(--green);color:#fff;padding:12px 17px;font-weight:700;box-shadow:0 8px 20px rgba(23,63,54,.17)}.primary:hover{background:#225349}.full{width:100%}.login-card .primary{margin-top:8px;display:flex;justify-content:space-between}.hint{text-align:center;color:#84918d;font-size:12px;margin:20px 0 0}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{background:var(--green);color:#fff;padding:28px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:250px;z-index:2}aside .logo{background:var(--lime);color:var(--green)}nav{display:grid;gap:7px;margin-top:60px}.nav-item{border:0;background:transparent;color:#b7ccc5;border-radius:12px;text-align:left;padding:13px 14px;font-weight:600}.nav-item span{display:inline-block;width:28px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.1);color:#fff}.side-bottom{margin-top:auto}.profile{display:flex;align-items:center;gap:10px;padding:15px 4px;border-top:1px solid rgba(255,255,255,.12)}.avatar{width:36px;height:36px;border-radius:11px;background:var(--lime);color:var(--green);display:grid;place-items:center;font-weight:800}.profile strong,.profile small{display:block}.profile small{color:#a7beb7;font-size:11px}.ghost{background:transparent;border:1px solid rgba(255,255,255,.18);color:#d6e1dd;padding:10px;border-radius:10px}.workspace{grid-column:2;padding:0 5vw 60px;max-width:1500px;width:100%}.workspace header{height:130px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header h2{margin:5px 0;font:700 28px Manrope}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:28px 0}.search{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding-left:14px;width:min(420px,70%)}.search input{border:0;background:transparent;box-shadow:none}.count{font-size:13px;color:var(--muted)}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.material-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;min-height:260px;transition:.2s}.material-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(35,61,54,.09)}.pdf-icon{width:48px;height:55px;background:#f3e3df;color:#a54b3d;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:11px}.card-top{display:flex;justify-content:space-between}.delete{border:0;background:transparent;color:#98a59f;font-size:18px}.material-card h3{font:700 17px/1.35 Manrope;margin:20px 0 7px}.material-card p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.card-meta{display:flex;justify-content:space-between;color:#91a09b;font-size:11px;margin-top:auto;padding-top:20px}.download{margin-top:14px;border:1px solid #cedbd5;background:#f9fbf8;color:var(--green);padding:10px;border-radius:10px;font-weight:700;text-align:center;text-decoration:none}.empty{grid-column:1/-1;text-align:center;border:1px dashed #cbd6cf;border-radius:18px;padding:70px 20px;color:var(--muted)}.empty b{display:block;color:var(--ink);font:700 20px Manrope;margin-bottom:7px}.users-head{display:flex;justify-content:space-between;align-items:center;padding:30px 0 20px}.users-head h3{font:700 20px Manrope;margin:0}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px 20px;border-bottom:1px solid #edf0ec;font-size:13px}th{color:#87958f;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.user-cell{display:flex;align-items:center;gap:11px}.badge{display:inline-block;padding:5px 9px;border-radius:99px;background:#edf2ed;color:#60726c;font-size:11px;font-weight:700}.badge.active{background:#e3f0d5;color:#46652e}.toggle{border:0;background:transparent;color:#4d6c62;font-weight:700}dialog{border:0;padding:0;border-radius:22px;box-shadow:var(--shadow);width:min(480px,calc(100% - 32px))}dialog::backdrop{background:rgba(15,31,27,.55);backdrop-filter:blur(4px)}.modal{padding:34px;position:relative}.close{position:absolute;right:20px;top:18px;border:0;background:#edf1ed;border-radius:50%;width:32px;height:32px;font-size:20px}.dropzone{border:1px dashed #adc0b7;background:#f6f9f4;border-radius:13px;padding:18px}.dropzone span{color:var(--muted);font-size:11px}.toast{position:fixed;right:28px;bottom:28px;background:var(--ink);color:#fff;border-radius:12px;padding:13px 18px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:none}.toast.error{background:var(--danger)}.icon-btn{display:none}
.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#eef2ed;padding:4px;border-radius:12px;margin:24px 0 8px}.login-tab{border:0;background:transparent;color:#72817c;border-radius:9px;padding:9px;font-weight:700}.login-tab.active{background:#fff;color:var(--green);box-shadow:0 3px 12px rgba(30,55,47,.09)}.secondary{border:1px solid #cbd8d2;background:#fff;color:var(--green);padding:11px 16px;border-radius:12px;font-weight:700}.head-actions{display:flex;gap:9px}.csv-example{background:#f2f5f0;border:1px solid var(--line);border-radius:11px;padding:13px 15px;color:#4d655d;font-size:12px;line-height:1.7;margin-bottom:15px}
.template-link{display:inline-block;color:var(--green);font-size:12px;font-weight:700;margin:0 0 3px;text-decoration:none}
@media(max-width:800px){.login-shell{grid-template-columns:1fr;padding:28px}.story{display:none}.login-card{padding:30px}.app-shell{display:block}.workspace{padding:0 18px 40px}.workspace header{height:100px}.icon-btn{display:block;border:0;background:transparent;font-size:24px}aside{transform:translateX(-100%);transition:.25s}aside.open{transform:none}.toolbar{padding:20px 0}.search{width:75%}.material-grid{grid-template-columns:1fr}.users-head{align-items:flex-start;gap:15px;flex-direction:column}.users-head .primary{white-space:nowrap}.head-actions{width:100%}.head-actions button{flex:1}th,td{padding:13px 14px}.workspace header>.primary{font-size:0}.workspace header>.primary::after{content:'＋ PDF';font-size:13px}}