.resource-tracker{color:#173e35;gap:16px;display:grid}.resource-tracker>header{background:linear-gradient(135deg,#f0f8f4,#fff8e8);border:1px solid #d8e8e1;border-radius:20px;padding:20px}.resource-tracker>header>span{color:#4a8778;letter-spacing:.12em;font-size:11px;font-weight:900}.resource-tracker h2{margin:6px 0;font-size:24px}.resource-tracker>header p{color:#687b74;margin:0;font-size:14px}.resource-add{background:#fff;border:1px solid #d8e5df;border-radius:16px;grid-template-columns:180px minmax(180px,1fr) auto;gap:8px;padding:12px;display:grid}.resource-add select,.resource-add input{color:#244a41;background:#fff;border:1px solid #cbdcd5;border-radius:10px;min-height:44px;padding:9px 11px;font-size:14px}.resource-add button{color:#fff;cursor:pointer;background:#387766;border:0;border-radius:10px;min-height:44px;padding:9px 16px;font-weight:800}.resource-course{gap:10px;display:grid}.resource-course>h3{margin:4px 0 0;font-size:17px}.resource-book{background:#fff;border:1px solid #d8e5df;border-radius:18px;padding:16px;box-shadow:0 8px 24px #1f4c400f}.resource-book-head{align-items:center;gap:12px;display:flex}.resource-book-head>div{flex-direction:column;flex:1;min-width:0;display:flex}.resource-book-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.resource-book-head span{color:#72817c;margin-top:3px;font-size:12px}.resource-book-head>b{color:#387766;font-size:17px}.resource-book-head>button{color:#9a5749;cursor:pointer;background:#f6e9e5;border:0;border-radius:50%;width:30px;height:30px;font-size:20px}.resource-progress{background:#e7efeb;border-radius:99px;height:7px;margin:12px 0;overflow:hidden}.resource-progress i{border-radius:inherit;background:linear-gradient(90deg,#4b8978,#e0b250);height:100%;transition:width .25s;display:block}.resource-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.resource-topic-grid button{color:#36554d;text-align:left;background:#f8faf9;border:1px solid #dce7e2;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr);column-gap:7px;min-height:61px;padding:9px;display:grid}.resource-topic-grid button:not(:disabled){cursor:pointer}.resource-topic-grid i{grid-row:1/3;align-self:center;font-size:18px;font-style:normal}.resource-topic-grid span{font-size:12px;font-weight:750;line-height:1.25}.resource-topic-grid small{color:#84918d;margin-top:2px;font-size:10px}.resource-topic-grid .status-1{background:#fff8df;border-color:#e4c36f}.resource-topic-grid .status-1 i,.resource-topic-grid .status-1 small{color:#ad7d1d}.resource-topic-grid .status-2{background:#e9f6f0;border-color:#73aa97}.resource-topic-grid .status-2 i,.resource-topic-grid .status-2 small{color:#30725f}.resource-empty,.resource-error{color:#65766f;background:#f3f7f5;border-radius:14px;padding:18px;font-size:13px}.resource-error{color:#974d3d;background:#fff0ec}.resource-tracker.compact{gap:12px}@media (width<=700px){.resource-add{grid-template-columns:1fr}.resource-topic-grid{grid-template-columns:1fr 1fr}.resource-tracker h2{font-size:21px}}@media (width<=430px){.resource-topic-grid{grid-template-columns:1fr}.resource-book{padding:13px}}.resource-book{padding:14px 16px}.resource-book-head{gap:8px}.resource-book-toggle{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:2px 0;display:flex}.resource-book-toggle>div{flex-direction:column;flex:1;min-width:0;display:flex}.resource-book-toggle>b{color:#387766;font-size:17px}.resource-book-toggle>i{color:#3b7566;background:#edf5f1;border-radius:50%;place-items:center;width:28px;height:28px;font-size:19px;font-style:normal;transition:transform .2s;display:grid}.resource-book.expanded .resource-book-toggle>i{transform:rotate(180deg)}.resource-book-head>.resource-remove{color:#9a5749;cursor:pointer;background:#f6e9e5;border:0;border-radius:50%;flex:0 0 30px;width:30px;height:30px;font-size:20px}.resource-book .resource-progress{margin:10px 0 0}.resource-book.expanded .resource-progress{margin-bottom:12px}