body{font-family:Arial,sans-serif;margin:0;background:#f5f7fb;color:#1f2937}nav{background:#0d47a1;color:white;padding:14px 22px}nav a{color:white;margin-left:14px;text-decoration:none}main{max-width:1100px;margin:24px auto;background:white;padding:24px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08)}label{display:block;margin:10px 0}input,select,button{padding:10px;margin:4px;border:1px solid #ccc;border-radius:8px}button{background:#0d47a1;color:white;border:none;cursor:pointer}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{border-bottom:1px solid #e5e7eb;text-align:left;padding:10px}th{background:#f3f4f6}

/* Prodvora Resource app shell */
body.mobile-app { margin:0; padding:0 0 76px 0; background:#f4f7fb; color:#1f2937; font-family:Arial, sans-serif; }
.app-header { position:sticky; top:0; z-index:10; background:#0d47a1; color:#fff; display:flex; justify-content:space-between; align-items:center; padding:14px 18px; box-shadow:0 2px 10px rgba(0,0,0,.15); }
.brand { font-size:20px; font-weight:700; }
.signed-in { font-size:13px; opacity:.95; margin-top:3px; }
.clock-icon { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:50%; background:#fff; color:#0d47a1; text-decoration:none; font-size:24px; }
.top-nav { background:#fff; border-bottom:1px solid #e5e7eb; padding:9px 14px; display:flex; gap:12px; overflow-x:auto; white-space:nowrap; }
.top-nav a { color:#0d47a1; text-decoration:none; font-weight:600; }
.app-main { max-width:980px; margin:0 auto; padding:20px; }
.hero-card, .promo-card, .panel, .week-block, .auth-card { background:#fff; border-radius:16px; padding:22px; box-shadow:0 2px 12px rgba(0,0,0,.08); margin-bottom:18px; }
.center-clock-form { text-align:center; margin:25px 0; }
.big-clock-button { width:220px; height:220px; border-radius:50%; border:0; background:#0d47a1; color:#fff; font-size:28px; font-weight:700; cursor:pointer; box-shadow:0 6px 18px rgba(13,71,161,.28); }
.big-clock-button:disabled { opacity:.65; cursor:not-allowed; }
.clock-result { text-align:center; font-weight:700; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; margin:16px 0; }
.card { background:#fff; border-radius:14px; padding:18px; box-shadow:0 2px 10px rgba(0,0,0,.08); }
.card strong { display:block; font-size:32px; color:#0d47a1; }
.card span { color:#555; }
.button, button { background:#0d47a1; color:#fff; border:0; border-radius:8px; padding:10px 14px; text-decoration:none; display:inline-block; cursor:pointer; }
.list-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; }
.list-card { background:#fff; padding:22px; border-radius:14px; text-decoration:none; color:#0d47a1; font-weight:700; box-shadow:0 2px 10px rgba(0,0,0,.08); }
.search-row { display:flex; gap:12px; align-items:end; flex-wrap:wrap; margin-bottom:16px; }
.search-row input, .auth-card input { display:block; padding:10px; margin-top:5px; border:1px solid #ccd3dd; border-radius:8px; }
.summary-total { background:#e8f1ff; padding:14px; border-radius:12px; margin-bottom:16px; }
table { width:100%; border-collapse:collapse; background:#fff; }
th, td { border-bottom:1px solid #e5e7eb; padding:10px; text-align:left; }
.app-footer { position:fixed; bottom:0; left:0; right:0; height:66px; background:#fff; border-top:1px solid #e5e7eb; display:flex; justify-content:space-around; align-items:center; z-index:20; box-shadow:0 -2px 12px rgba(0,0,0,.08); }
.app-footer a { color:#0d47a1; text-decoration:none; display:flex; flex-direction:column; align-items:center; gap:2px; font-weight:700; }
.app-footer span { font-size:24px; }
.app-footer small { font-size:12px; }
.auth-page { background:#f4f7fb; font-family:Arial,sans-serif; }
.auth-card { max-width:420px; margin:60px auto; }
.auth-card label { display:block; margin-top:12px; font-weight:700; }
.auth-card input { width:100%; box-sizing:border-box; }
.success { color:#087f23; font-weight:700; }
.error { color:#b00020; font-weight:700; }
@media(max-width:640px){ .big-clock-button{width:190px;height:190px;font-size:24px}.app-main{padding:14px} th,td{font-size:13px;padding:7px} }