body{background:linear-gradient(180deg,#effaff,#fff 35%);color:#102a52}.app{max-width:900px;background:transparent}.top{position:relative;overflow:hidden;padding:20px 24px;background:linear-gradient(120deg,#fff7db,#effff5 45%,#e9f8ff);border:0;box-shadow:0 10px 30px rgba(26,87,145,.08)}.school-logo{width:76px;height:76px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.12))}h1{font-size:1.65rem;color:#0b2d61}.sub{color:#4e6685;font-weight:650}.status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.sync-status{display:inline-flex;margin-top:0;padding:6px 12px;border-radius:999px;background:#dffbea;color:#0a8d47!important;font-weight:800}.top-date{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.78);border:1px solid #dbe8f5;border-radius:999px;padding:3px 6px;box-shadow:0 6px 18px rgba(32,85,140,.06)}.top-date-nav{border:0;background:transparent;color:#174ea6;font-size:1.25rem;line-height:1;padding:4px 6px;cursor:pointer}.top-date-center{border:0;background:transparent;display:flex;align-items:center;gap:6px;color:#16325c;cursor:pointer;padding:2px 4px}.top-date-center .calendar-icon{font-size:1rem;color:#0867e8}.top-date-center strong{display:block;font-size:.82rem;line-height:1.1;white-space:nowrap}.top-date-center small{display:block;color:#64748b;font-size:.66rem;line-height:1.1;margin-top:2px}.main{padding:18px 20px 125px}.datebar,.card{border-color:#dbe8f5;box-shadow:0 10px 28px rgba(32,85,140,.07)}.card{border-radius:24px;padding:18px}.detail-buttons{gap:10px;overflow-x:auto;grid-template-columns:repeat(5,minmax(112px,1fr));padding:3px}.detail-btn{min-height:92px;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);font-size:.96rem}.detail-btn .icon{font-size:1.9rem}.detail-btn.active{background:#eafff1;border:2px solid #10b75b;color:#087a3c}.field{border-radius:16px;padding:15px 16px}.type{min-height:52px;border-radius:16px}.type.active.income{background:linear-gradient(135deg,#0db457,#15c76a)}.type.active.expense{background:linear-gradient(135deg,#ef3d57,#ff6075)}.add{min-height:56px;border-radius:16px;background:linear-gradient(100deg,#1478ed,#10c8ed);box-shadow:0 10px 22px rgba(18,134,247,.22)}.summary{gap:10px;margin:10px 0 14px;grid-template-columns:repeat(3,minmax(0,1fr))}.sum{border-radius:20px;padding:16px}.sum.in{background:linear-gradient(135deg,#e3fff0,#f1fff7)}.sum.out{background:linear-gradient(135deg,#fff0f3,#fff8f9)}.sum.net{background:linear-gradient(135deg,#eaf5ff,#f5faff)}.sum b{font-size:1.65rem;color:#092c5c}.tabs{max-width:900px;padding:8px 12px;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);box-shadow:0 -8px 28px rgba(30,70,120,.08)}.tab{border-radius:16px}.tab.active{color:#087ee9;background:linear-gradient(135deg,#e7f4ff,#eefaff)}#daily>.card:first-of-type{background:linear-gradient(145deg,#fff 45%,#f0fbff)}.detail-buttons{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.detail-btn{min-width:0;padding:9px 3px;font-size:.82rem}.detail-btn .icon{font-size:1.65rem}@media(max-width:600px){.top{padding:16px}.school-logo{width:64px;height:64px}h1{font-size:1.28rem}.status-row{gap:6px}.sync-status{font-size:.7rem;padding:5px 8px}.top-date{padding:2px 4px}.top-date-nav{font-size:1.1rem;padding:3px 4px}.top-date-center{gap:4px;padding:2px}.top-date-center .calendar-icon{font-size:.9rem}.top-date-center strong{font-size:.72rem}.top-date-center small{font-size:.6rem}.main{padding:14px 12px 112px}.detail-buttons{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;overflow:visible}.detail-btn{font-size:.72rem;padding:8px 2px;min-height:76px}.detail-btn .icon{font-size:1.45rem}.row{grid-template-columns:1fr}.summary{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.summary .sum{padding:10px 4px}.summary .sum small{font-size:.72rem;white-space:nowrap}.summary .sum b{font-size:1.18rem}.sum{padding:12px 7px}}