:root{--fiori-bg:#edeff0;--fiori-shell-bg:#354a5f;--fiori-primary:#0070b1;--fiori-card-bg:#fff;--fiori-text:#32363a;--fiori-text-light:#6a6d70;--fiori-border:#d8d8d8}body{background-color:var(--fiori-bg);color:var(--fiori-text);margin:0;font-family:"72",Arial,sans-serif}.shell-bar{background:var(--fiori-shell-bg);color:#fff;z-index:1000;justify-content:space-between;align-items:center;height:48px;padding:0 1rem;display:flex;position:sticky;top:0}.tile-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;display:grid}@media (width>=768px){.tile-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.tile-grid{grid-template-columns:repeat(4,1fr)}}.fiori-tile{border:1px solid var(--fiori-border);cursor:pointer;background:#fff;border-radius:.25rem;flex-direction:column;justify-content:space-between;height:130px;padding:1rem;display:flex;box-shadow:0 2px 5px #0000000d}.tile-header{color:var(--fiori-text-light);font-size:.8rem;font-weight:700}.tile-content{color:var(--fiori-primary);font-size:2rem;font-weight:300}.tile-footer{color:var(--fiori-text-light);font-size:.7rem}.container{max-width:1200px;margin:0 auto;padding:1rem}.fiori-card{border:1px solid var(--fiori-border);background:#fff;border-radius:.25rem;margin-bottom:1rem}.fiori-header{border-bottom:1px solid var(--fiori-border);background:#fbfbfb;padding:1rem;font-weight:700}.fiori-content{padding:1rem}.btn-fiori{background:var(--fiori-primary);color:#fff;cursor:pointer;border:none;border-radius:.25rem;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:700;display:inline-flex}.fiori-footer{border-top:1px solid var(--fiori-border);z-index:1000;background:#fff;justify-content:space-around;align-items:center;height:65px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--fiori-text-light);flex-direction:column;align-items:center;font-size:.7rem;text-decoration:none;display:flex}.nav-item.active{color:var(--fiori-primary);font-weight:700}.form-control{border:1px solid var(--fiori-border);border-radius:.25rem;width:100%;padding:.7rem;font-size:1rem}