@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap";:root{font-family:Cairo,Arial,sans-serif;color:#17263d;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;border-radius:10px;padding:11px 16px;background:#b58a3b;color:#fff;cursor:pointer;font-weight:700}button:disabled{opacity:.6}.light{background:#e9eef5;color:#18304e}.brand{font-size:28px;font-weight:800;color:#c49a4b}header{height:70px;background:#102544;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:12px}header .brand{color:#e0b85f}.iconbtn{display:flex;align-items:center;gap:7px;background:#203b60}.layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 70px)}aside{background:#fff;padding:20px;display:flex;flex-direction:column;gap:8px;border-left:1px solid #e5eaf1}aside button{display:flex;align-items:center;gap:10px;text-align:right;background:transparent;color:#263b57}aside button.selected,aside button:hover{background:#edf2f8;color:#102544}.content{padding:32px;max-width:1100px;width:100%;margin:auto}.hero{background:linear-gradient(120deg,#102544,#244a70);color:#fff;padding:34px;border-radius:20px}.hero h1{margin-top:0}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.tiles article,.panel,.item{background:#fff;padding:22px;border-radius:16px;box-shadow:0 5px 20px #142b4610;margin:14px 0}.tiles svg{color:#b58a3b}.auth,.setup{max-width:520px;margin:8vh auto;padding:20px;text-align:center}.auth .panel,.setup{text-align:right}.auth input,.panel input{width:100%;padding:12px;border:1px solid #d8e0ea;border-radius:9px;margin:8px 0 16px;background:#fff}.panel label{font-weight:700}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.notice{background:#fff4d9;padding:12px;border-radius:10px;color:#694d16}.warning{color:#9b3d2d;font-weight:700}code{direction:ltr;display:inline-block;background:#e8edf3;padding:2px 6px;border-radius:5px}@media(max-width:700px){.layout{grid-template-columns:1fr}aside{flex-direction:row;overflow:auto;padding:10px}aside button{white-space:nowrap}.content{padding:18px}.tiles{grid-template-columns:1fr}header{padding:0 12px;font-size:13px}.brand{font-size:22px}}