@import url('../shared/common.css');
.collection-study{display:inline-block;margin-top:12px;color:#fff;font-weight:800;text-decoration:none}
.library-page{width:min(1300px,calc(100% - 40px));margin:0 auto;padding:46px 0 80px}.library-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:25px;border-bottom:1px solid var(--line)}.heading-actions{display:flex;gap:10px}.library-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0}.stat{padding:16px;border:1px solid var(--line);border-radius:16px;background:white}.stat span{display:block;color:#91a0b5;font-size:10px;font-weight:800;text-transform:uppercase}.stat strong{display:block;margin-top:8px;font-size:25px}.stat.learned strong{color:var(--green)}.deck-search{display:flex;align-items:center;gap:13px;margin-bottom:30px;padding:0 18px;background:white;border:1px solid #dce3ec;border-radius:14px}.deck-search span{font-size:25px;color:#8ea0b7}.deck-search input{width:100%;height:54px;border:0;outline:0;background:transparent}
.collection-card{padding:26px;margin-bottom:22px;background:#f8fafc;border:1px solid var(--line);border-radius:26px}.collection-intro{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:20px;padding:23px 25px;margin-bottom:28px;color:white;background:linear-gradient(125deg,#087a3c,#18a957);border-radius:20px}.collection-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.17);font-size:25px}.collection-intro .eyebrow{color:#bdf0d1}.collection-intro h2{margin:0;font-size:26px}.collection-intro p{margin:5px 0 0;color:rgba(255,255,255,.76);font-size:13px}.collection-total{display:grid;grid-template-columns:auto auto;gap:3px 7px;padding-left:20px;border-left:1px solid rgba(255,255,255,.2)}.collection-total strong{font-size:28px}.collection-total b{grid-column:1/-1;font-size:11px}.collection-actions{display:flex;flex-direction:column;gap:7px}.collection-actions button{padding:8px 11px;color:white;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.24);border-radius:9px;cursor:pointer;font-size:10px;font-weight:800}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.section-title h2{margin:0;font-size:20px}.section-title span{padding:5px 8px;background:#eaf0f4;border-radius:99px;font-size:10px}.deck-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.deck-card{padding:22px;background:white;border:1px solid #dfe5ed;border-top:4px solid var(--green);border-radius:18px}.deck-top,.deck-footer,.deck-count{display:flex;justify-content:space-between;align-items:center}.level{padding:7px 10px;color:#07814a;background:#eafaf2;border:1px solid #9ee2c2;border-radius:9px;font-size:11px;font-weight:800}.mini-action{padding:6px 8px;color:#65738a;background:#f1f4f7;border:0;border-radius:8px;cursor:pointer;font-size:10px;font-weight:700}.deck-card h3{margin:17px 0 6px;font-size:19px}.deck-card p{min-height:40px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.deck-count{justify-content:flex-start;gap:8px;margin-top:17px;font-size:11px}.deck-count span{color:#91a0b5}.deck-progress{height:6px;margin:11px 0 17px;background:#edf1f5;border-radius:99px;overflow:hidden}.deck-progress span{display:block;height:100%;background:var(--green)}.deck-footer{padding-top:14px;border-top:1px solid #edf0f4;font-size:10px}.study-link{color:#435069;font-weight:800}.ready{color:var(--green)}.due{color:#d67716}.empty-deck{color:#9aa6b8}.no-result{grid-column:1/-1;padding:45px;color:var(--muted);text-align:center}
dialog{width:min(620px,calc(100% - 28px));max-height:90vh;padding:0;border:0;border-radius:22px;box-shadow:0 25px 80px rgba(16,28,50,.25)}dialog::backdrop{background:rgba(16,28,50,.42);backdrop-filter:blur(3px)}dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.dialog-head h2{margin:0;font-size:25px}.close{width:35px;height:35px;border:0;border-radius:10px;background:#eef2f6;cursor:pointer;font-size:22px}.form-row{display:grid;grid-template-columns:130px 1fr;gap:12px;margin-top:13px}.dialog-head+.field+.field{margin-top:13px}.submit{width:100%;margin-top:18px}.dropzone{min-height:150px;margin-top:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;border:2px dashed #cdd7e4;border-radius:15px;background:#fafcfd;cursor:pointer}.dropzone.drag{border-color:var(--green);background:var(--green-soft)}.dropzone>span{font-size:25px;color:var(--green)}.dropzone small,.file-row small{color:var(--muted)}.file-row{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:13px}.file-row strong,.file-row small{display:block}.format-note{padding:10px;color:#7c899d;background:#f4f7f9;border-radius:9px;font-size:9px}.import-result{margin-top:14px;padding:14px;color:#315440;background:#eef9f3;border-radius:11px}.import-result span{display:block;font-size:11px}.import-result ul{padding-left:18px;font-size:10px}
@media(max-width:900px){.library-stats{grid-template-columns:repeat(3,1fr)}.deck-grid{grid-template-columns:1fr}.collection-intro{grid-template-columns:auto 1fr}.collection-total,.collection-actions{grid-column:1/-1;border:0;padding:0}.collection-actions{flex-direction:row}}@media(max-width:600px){.library-page{width:calc(100% - 24px);padding-top:28px}.library-heading{align-items:stretch;flex-direction:column}.heading-actions{display:grid;grid-template-columns:1fr 1fr}.library-stats{grid-template-columns:1fr 1fr}.collection-card{padding:13px}.collection-intro{padding:17px}.form-row{grid-template-columns:1fr}}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.topic-card{padding:28px 30px;background:#fff;border:1px solid #dbe3ec;border-top:4px solid var(--green);border-radius:22px;box-shadow:0 3px 10px rgba(27,42,65,.04)}.topic-card-top{display:flex;justify-content:space-between;align-items:start}.topic-card h2{margin:22px 0 8px;font-size:24px}.topic-card>p{min-height:48px;margin:0;color:var(--muted);line-height:1.6}.topic-count{display:flex;gap:8px;margin:22px 0;color:#94a3b8}.topic-count strong{color:#48566d}.topic-card .deck-progress{position:relative;margin-bottom:28px;padding-right:45px;overflow:visible}.topic-card .deck-progress b{position:absolute;right:0;top:-5px;color:#91a0b5;font-size:12px}.topic-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.topic-footer a{color:#334155;font-weight:850;text-decoration:none}.danger-icon{display:grid;place-items:center;width:35px;height:35px;color:#d34242;background:#fff1f1;border:0;border-radius:10px;cursor:pointer;font-size:17px}.danger-icon:hover{background:#fee2e2}@media(max-width:800px){.topic-grid{grid-template-columns:1fr}}@media(max-width:500px){.topic-card{padding:22px}.topic-footer{align-items:flex-start;flex-direction:column;gap:14px}}