- 10:05
-
+
+
-
-
- 5G
- 📶
- 🔋 45%
-
-
-
-
-
-
- ☰
- Dashboard
-
-
- 🔍
- 🔔
-
- AT
-
-
-
-
-
-
- ⚙
- Setup Required
+
+
+
+
+
-
+ 10:05
+
+
+
+
+
+
+
+
- ▼
+ 8.68 KB/s
+ â°
+ á
+ đļ
+ đļ
+ đ 45%âĄ
+
+
-
-
91
- Total Students
+
+
+
+
+
+
+
+
+ Dashboard
+
+
+
+
+
+
+ 
+
+
+
- TIS RMS
+ Admin Registrar Talisay +admin@tis.edu.ph
-
+ 18
- Active Users
+
+
OVERVIEW
+
+ đ
+ Dashboard
-
-
-
- 0
- Complete Docs
+
+ đ
+ Students
-
-
91
- Missing Docs
+
+ đ
+ Documents
+
+
+ đī¸
+ Archives
+
+
+ ACCOUNT
+
+ đ
+ Reports
+
+
+ đĨ
+ Users
+
+
+ đ
+ History
+
+
+ âī¸
+ Settings
-
-
-
JA
-
-
ADAMS, JENNIE
- LRN: 108297100191 + +
+
+
+
+
- Dashboard Overview
+
+
+
+
- Inactive
-
+ âī¸
+ Setup Required
+
+
+ â
+ â
-
-
-
- MA
-
-
- ASD, MARACENA
- LRN: 412341241234 +Welcome back, Admin Registrar. Here is what is happening today.
+
+
+
+
- Inactive
-
+
+
+
+ đ
+ ›
+
+ Total Students
+ 91
+
+
+
+
+ đĨ
+ ›
+
+ Active Users
+ 18
+
+
+
+
+ đ
+ ›
+
+ Complete Docs
+ 0
+
+
+ đ§°
+ ›
+
+ Missing Docs
+ 91
-
-
-
-
-
+
+
+
+ 📁
+
+
+
+
+
+
+ đ
+ Analytics & KPIs
+
+
+ đ
S.Y. 2026-2027
+
+
+
+
+
+
+ đ
+
+
+
+
+ Digitalization Progress
+Enrolled students with all mandatory requirements completed
+
+
+
+
+ 0%
+ JHS
+ 0 / 5
+
+
+ 0%
+ SHS
+ 0 / 0
+
+
+ 0%
+ Overall
+ 0 / 5
+
+
+
+ đĨ§
+
+
+
+
+ Document Status Distribution
+By unique document types uploaded
+
+
+
+
+ Completed
+ 1/15 (6.7%)
+
+
+
+
+
+ Archived
+ 8/15 (53.3%)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ JA
+
+
+
+ ADAMS, JENNIE
+
+
+ 4Ps
+ Inactive
+
+ LRN: 108297100191 • Grade 12 - STEM - Quisu...
+
+
+
+ đ
+ 5 / 7 Docs Archived âž
+
+ đ
+
+
+
+
+
+
+
+ MA
+
+
+
+ ASD, MARACENA
+
+
+ Inactive
+
+ LRN: 412341241234 • Grade 10 - Pocahontas
+
+
+
+ đ
+ 3 / 3 Docs Archived âž
+
+ đ
+
+
+
+
+
+
+
+ AA
+
+
+
+ ASDF, ASDF
+
+
+ Inactive
+
+ LRN: 342142141234 • Grade 12 - Euphoria
+
+
+
+ đ
+ 4 / 4 Docs Archived âž
+
+ đ
+
+
+
+
+
+
+
+ GA
+
+
+
+ Arroyo, Gemma
+
+
+ 4Ps
+ Dropped
+
+ LRN: 108297100198 • Grade 7 - Moonstar
+
+
+
+ đ
+ 2 / 3 Docs Archived âž
+
+ đ
+
+
+
+
+
+
+
+ AB
+
+
+
+ BAKA, ASTA
+
+
+ 4Ps
+ Inactive
+
+ LRN: 108371216161 • Grade 12 - Euphoria
+
+
+
+ đ
+ 1 / 7 Docs Archived âž
+
+ đ
+
+
+ «
+ ‹
+ 1
+ 2
+ ›
+ »
+ 1 âž
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ đ Folders
+ đ Documents
+
+
+
+
+
+
+ ›
+ đ
+
+
+ RIZAL_JUAN_308035123456
+ 1 item +
+ JHS 0/3
+ SHS 0/4
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ đ Folders
+ đī¸ Archived
+
+
+
+
+
+
+ đ
+
+
+
+ ADAMS, JENNIE
+
+ 16 items
+ Inactive
+
+
+ âŽ
+ ›
+
+
+
+
+
+
+
+ đ
+
+
+
+ ASD, MARACENA
+
+ 6 items
+ Inactive
+
+
+ âŽ
+ ›
+
+
+
+
+
+
+
+ đ
+
+
+
+ ASDF, ASDF
+
+ 10 items
+ Inactive
+
+
+ âŽ
+ ›
+
+
+
+
+
+
+
+ đ
+
+
+
+ Arroyo, Gemma
+
+ 8 items
+ Dropped
+
+
+ âŽ
+ ›
+
+
+
+
+
+
+
+
+ đ
+
+
+
+ BAKA, ASTA
+
+ 2 items
+ Inactive
+
+
+ âŽ
+ ›
+
+
+ «
+ ‹
+ 1
+ 2
+ ›
+ »
+ 1 âž
+
+
+
+
+
+
+
-
-
+
+ RIZAL_JUAN
- 1 item • JHS 0/3
+ đī¸ DepEd Transparency Board 1/3
+ Tap toggle to switch
+
+
+
+
+
+ â
+ DEPED TRANSPARENCY BOARD
+
+
+ đ¯ Academic Year: SY 2026-2027 (Active)
+ âž
+
+
+
+ â All Sections
+ đ Data on Enrollment
+ đ Dropouts
+
+
+
+
+
+
+
+
+ đ
+
+ Data on Enrollment
+
+ Active SY Total: 5
+
+
+ Enrollment Trends across School Years
+
+ â 2024-2025
+ â 2025-2026
+ â 2026-2027
+
+
+
+
+
+ 343020100
+
+
+
+
+
+
+
-
-
-
-
- DepEd Transparency Board
-4Ps Beneficiaries across grades
-
-
-
diff --git a/demo/style.css b/demo/style.css
index 9480a1a..a5d8132 100644
--- a/demo/style.css
+++ b/demo/style.css
@@ -404,53 +404,291 @@ body {
}
/* âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
- 2. ANDROID MOBILE APP LAYOUT (Phone Mockup)
+ 2. ANDROID MOBILE APP LAYOUT (Pixel-Perfect Smartphone Frame)
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */
.phone-frame {
- width: 390px;
- height: 820px;
- background: var(--app-bg);
- border-radius: 46px;
+ width: 395px;
+ height: 840px;
+ background: #000;
+ border-radius: 48px;
box-shadow:
- 0 0 0 12px #1e293b,
- 0 0 0 14px #334155,
- 0 25px 60px -12px rgba(0, 0, 0, 0.85);
+ 0 0 0 10px #1e2822,
+ 0 0 0 12px #2f3e35,
+ 0 25px 70px -10px rgba(0, 0, 0, 0.9);
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
+ border: 4px solid #0a110c;
}
+/* Punch-hole Camera at Top */
+.phone-punch-hole {
+ position: absolute;
+ top: 10px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 13px;
+ height: 13px;
+ background: #000;
+ border-radius: 50%;
+ z-index: 50;
+ box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3);
+}
+
+/* Inner Screen Container with Watermark */
+.phone-screen-inner {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ background: #0f1a14;
+ overflow: hidden;
+}
+
+.phone-screen-inner::before {
+ content: "";
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ width: 330px;
+ height: 330px;
+ background-image: url('assets/logo.png');
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ opacity: 0.05;
+ pointer-events: none;
+ z-index: 0;
+}
+
+/* Android 14 Status Bar */
.phone-status-bar {
- height: 38px;
- background: #0b140f;
+ height: 36px;
+ background: #0c1510;
display: flex;
align-items: center;
justify-content: space-between;
- padding: 0 22px;
- font-size: 12px;
+ padding: 0 18px;
+ font-size: 11px;
font-weight: 600;
color: #fff;
user-select: none;
z-index: 10;
+ letter-spacing: 0.2px;
}
+.phone-status-left {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+.phone-app-icons {
+ display: flex;
+ align-items: center;
+ gap: 5px;
+ opacity: 0.85;
+}
+
+.phone-status-right {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ font-size: 11px;
+}
+
+/* Android App Bar */
.phone-app-header {
- height: 54px;
- background: #112019;
+ height: 56px;
+ background: #14221b;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 16px;
- border-bottom: 1px solid var(--card-border);
+ border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+ z-index: 10;
+}
+
+.phone-header-left {
+ display: flex;
+ align-items: center;
+ gap: 16px;
+}
+
+.phone-drawer-btn {
+ background: transparent;
+ border: none;
+ color: #fff;
+ font-size: 20px;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 4px;
}
.phone-header-title {
- font-size: 17px;
+ font-size: 18px;
+ font-weight: 700;
+ color: #fff;
+ letter-spacing: 0.2px;
+}
+
+.phone-header-actions {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+}
+
+.phone-action-icon {
+ background: transparent;
+ border: none;
+ color: #cbd5e1;
+ font-size: 16px;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 4px;
+}
+
+.phone-action-btn-green {
+ background: #10b981;
+ color: #fff;
+ border: none;
+ border-radius: 8px;
+ padding: 6px 10px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 14px;
+ cursor: pointer;
+ box-shadow: 0 2px 6px rgba(16, 185, 129, 0.4);
+}
+
+/* Slide-out Android Navigation Drawer */
+.mobile-drawer-backdrop {
+ position: absolute;
+ inset: 0;
+ background: rgba(0, 0, 0, 0.65);
+ backdrop-filter: blur(4px);
+ z-index: 40;
+ opacity: 0;
+ pointer-events: none;
+ transition: opacity 0.25s ease;
+}
+
+.mobile-drawer-backdrop.active {
+ opacity: 1;
+ pointer-events: auto;
+}
+
+.mobile-drawer {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 290px;
+ background: #111f18;
+ border-right: 1px solid rgba(255, 255, 255, 0.08);
+ z-index: 45;
+ transform: translateX(-100%);
+ transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
+ display: flex;
+ flex-direction: column;
+ box-shadow: 10px 0 30px rgba(0, 0, 0, 0.7);
+}
+
+.mobile-drawer.active {
+ transform: translateX(0);
+}
+
+.mobile-drawer-header {
+ padding: 24px 20px 18px;
+ background: #15271e;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+ display: flex;
+ align-items: center;
+ gap: 14px;
+}
+
+.mobile-drawer-logo {
+ width: 44px;
+ height: 44px;
+ border-radius: 50%;
+}
+
+.mobile-drawer-user h4 {
+ font-size: 15px;
font-weight: 700;
color: #fff;
}
+.mobile-drawer-user span {
+ font-size: 12px;
+ color: var(--accent-emerald);
+}
+
+.mobile-drawer-user p {
+ font-size: 11px;
+ color: var(--text-muted);
+ margin-top: 2px;
+}
+
+.mobile-drawer-body {
+ padding: 16px 10px;
+ overflow-y: auto;
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+}
+
+.mobile-drawer-group-title {
+ font-size: 10px;
+ font-weight: 700;
+ color: #688574;
+ letter-spacing: 0.8px;
+ padding: 10px 14px 4px;
+ text-transform: uppercase;
+}
+
+.mobile-drawer-item {
+ display: flex;
+ align-items: center;
+ gap: 14px;
+ padding: 10px 14px;
+ border-radius: 8px;
+ color: #cbd5e1;
+ font-size: 13px;
+ font-weight: 500;
+ cursor: pointer;
+ transition: background 0.15s;
+}
+
+.mobile-drawer-item:hover {
+ background: rgba(255, 255, 255, 0.05);
+ color: #fff;
+}
+
+.mobile-drawer-item.active {
+ background: #1c382b;
+ color: var(--accent-emerald);
+ font-weight: 600;
+}
+
+.mobile-drawer-item svg,
+.mobile-drawer-item span.icon {
+ width: 18px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 16px;
+}
+
+/* Mobile Scrollable Screen Content */
.phone-scroll-content {
flex: 1;
overflow-y: auto;
@@ -458,40 +696,463 @@ body {
display: flex;
flex-direction: column;
gap: 14px;
+ position: relative;
+ z-index: 2;
}
-/* Android Bottom Nav */
-.phone-bottom-nav {
- height: 60px;
- background: #112019;
- border-top: 1px solid var(--card-border);
- display: flex;
- align-items: center;
- justify-content: space-around;
- padding: 0 8px;
- user-select: none;
+/* Android Gesture Navigation Bar at Bottom */
+.android-gesture-pill {
+ width: 120px;
+ height: 4px;
+ background: rgba(255, 255, 255, 0.4);
+ border-radius: 999px;
+ margin: 8px auto 6px;
+ flex-shrink: 0;
+ z-index: 10;
}
-.phone-nav-tab {
+/* âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
+ ANDROID-SPECIFIC CARDS & COMPONENTS (From Screenshots)
+âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */
+.android-page-title {
+ font-size: 22px;
+ font-weight: 800;
+ color: #fff;
+ letter-spacing: -0.3px;
+ margin-bottom: 2px;
+}
+
+.android-page-subtitle {
+ font-size: 13px;
+ color: #8e9e95;
+ line-height: 1.4;
+ margin-bottom: 4px;
+}
+
+/* 2x2 Android KPI Grid */
+.android-stat-grid {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 10px;
+}
+
+.android-stat-card {
+ background: #182820;
+ border: 1px solid rgba(255, 255, 255, 0.07);
+ border-radius: 14px;
+ padding: 14px;
display: flex;
flex-direction: column;
- align-items: center;
- gap: 3px;
- font-size: 10px;
- font-weight: 600;
- color: var(--text-muted);
+ gap: 8px;
cursor: pointer;
+ transition: transform 0.15s, border-color 0.15s;
+}
+
+.android-stat-card:hover {
+ border-color: rgba(25, 135, 84, 0.4);
+}
+
+.android-stat-top {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.android-stat-title {
+ font-size: 12px;
+ color: #cbd5e1;
+ font-weight: 500;
+}
+
+.android-stat-val {
+ font-size: 24px;
+ font-weight: 800;
+ color: #fff;
+}
+
+/* Segmented Tabs / Pills on Android */
+.android-segmented-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 8px;
+ margin-bottom: 4px;
+}
+
+.android-pill-group {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ background: #13221a;
+ padding: 4px;
+ border-radius: 10px;
+ border: 1px solid rgba(255, 255, 255, 0.06);
+}
+
+.android-pill {
padding: 6px 12px;
+ border-radius: 7px;
+ font-size: 12px;
+ font-weight: 600;
+ color: #94a3b8;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ gap: 6px;
+}
+
+.android-pill.active {
+ background: #198754;
+ color: #fff;
+}
+
+/* Filter pills horizontal scrolling */
+.android-filter-chips {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ overflow-x: auto;
+ padding-bottom: 4px;
+ scrollbar-width: none;
+}
+
+.android-chip {
+ padding: 6px 14px;
+ border-radius: 999px;
+ font-size: 12px;
+ font-weight: 600;
+ white-space: nowrap;
+ background: #182820;
+ border: 1px solid rgba(255, 255, 255, 0.08);
+ color: #cbd5e1;
+ cursor: pointer;
+}
+
+.android-chip.active {
+ background: #198754;
+ color: #fff;
+ border-color: #198754;
+}
+
+/* Android Student Card */
+.android-student-card {
+ background: #182820;
+ border: 1px solid rgba(255, 255, 255, 0.07);
+ border-radius: 14px;
+ padding: 14px 16px;
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+ cursor: pointer;
+ transition: border-color 0.15s;
+}
+
+.android-student-card:hover {
+ border-color: rgba(25, 135, 84, 0.4);
+}
+
+.android-student-top {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+}
+
+.android-student-avatar {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ background: #123727;
+ color: #10b981;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-weight: 700;
+ font-size: 13px;
+ flex-shrink: 0;
+}
+
+.android-student-info {
+ flex: 1;
+}
+
+.android-student-header-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.android-student-name {
+ font-size: 14px;
+ font-weight: 700;
+ color: #fff;
+}
+
+.android-badges-wrap {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+}
+
+.android-student-sub {
+ font-size: 11px;
+ color: #8e9e95;
+ margin-top: 2px;
+}
+
+.android-student-bottom {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ border-top: 1px solid rgba(255, 255, 255, 0.05);
+ padding-top: 8px;
+}
+
+.android-doc-prog {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+.android-doc-text {
+ font-size: 11px;
+ color: #94a3b8;
+ font-weight: 500;
+}
+
+.android-doc-bar {
+ width: 50px;
+ height: 4px;
+ background: rgba(255, 255, 255, 0.1);
+ border-radius: 999px;
+ overflow: hidden;
+}
+
+.android-doc-fill {
+ height: 100%;
+ background: #38bdf8;
+}
+
+.android-folder-icon {
+ color: #f59e0b;
+ font-size: 16px;
+}
+
+/* Android Pagination Controls */
+.android-pagination {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 6px;
+ margin: 10px 0 6px;
+}
+
+.android-page-btn {
+ background: #14241c;
+ border: 1px solid rgba(255, 255, 255, 0.08);
+ color: #94a3b8;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-size: 12px;
+ font-weight: 600;
+ cursor: pointer;
+}
+
+.android-page-btn.active {
+ background: #198754;
+ color: #fff;
+ border-color: #198754;
+}
+
+/* DepEd Transparency Board Card */
+.android-transparency-card {
+ background: #198754;
+ border-radius: 14px;
+ padding: 16px;
+ color: #fff;
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+}
+
+.android-transparency-header {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ font-size: 14px;
+ font-weight: 800;
+ letter-spacing: 0.5px;
+}
+
+/* User Card on Android */
+.android-user-card {
+ background: #182820;
+ border: 1px solid rgba(255, 255, 255, 0.07);
+ border-radius: 14px;
+ padding: 14px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ cursor: pointer;
+}
+
+.android-user-left {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+}
+
+.android-user-avatar {
+ width: 42px;
+ height: 42px;
+ border-radius: 50%;
+ background: #153e54;
+ color: #38bdf8;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-weight: 700;
+ font-size: 13px;
+ flex-shrink: 0;
+}
+
+.android-user-details h4 {
+ font-size: 14px;
+ font-weight: 700;
+ color: #fff;
+}
+
+.android-user-handle {
+ font-size: 11px;
+ color: #8e9e95;
+ margin-top: 1px;
+}
+
+.android-user-contact {
+ font-size: 11px;
+ color: #64748b;
+ margin-top: 2px;
+}
+
+.android-user-badge {
+ background: rgba(56, 189, 248, 0.15);
+ color: #38bdf8;
+ font-size: 10px;
+ font-weight: 700;
+ padding: 2px 6px;
+ border-radius: 4px;
+ letter-spacing: 0.5px;
+}
+
+/* History Activity Card on Android */
+.android-activity-card {
+ background: #182820;
+ border: 1px solid rgba(255, 255, 255, 0.07);
+ border-radius: 14px;
+ padding: 14px;
+ display: flex;
+ gap: 12px;
+}
+
+.android-activity-icon {
+ width: 36px;
+ height: 36px;
border-radius: 8px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 16px;
+ flex-shrink: 0;
}
-.phone-nav-tab svg {
- width: 20px;
- height: 20px;
+.android-activity-icon.archive {
+ background: rgba(245, 158, 11, 0.15);
+ color: #f59e0b;
}
-.phone-nav-tab.active {
- color: var(--accent-emerald);
+.android-activity-icon.create {
+ background: rgba(16, 185, 129, 0.15);
+ color: #10b981;
+}
+
+.android-activity-icon.update {
+ background: rgba(56, 189, 248, 0.15);
+ color: #38bdf8;
+}
+
+.android-activity-body {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ gap: 6px;
+}
+
+.android-activity-top {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.android-activity-tags {
+ display: flex;
+ gap: 6px;
+}
+
+.android-tag-archive {
+ background: rgba(245, 158, 11, 0.2);
+ color: #f59e0b;
+ font-size: 10px;
+ font-weight: 700;
+ padding: 2px 6px;
+ border-radius: 4px;
+}
+
+.android-tag-student {
+ background: rgba(255, 255, 255, 0.08);
+ color: #cbd5e1;
+ font-size: 10px;
+ font-weight: 700;
+ padding: 2px 6px;
+ border-radius: 4px;
+}
+
+.android-activity-date {
+ font-size: 11px;
+ color: #64748b;
+}
+
+.android-activity-desc {
+ font-size: 12px;
+ color: #cbd5e1;
+ line-height: 1.4;
+}
+
+.android-activity-author {
+ font-size: 11px;
+ color: #8e9e95;
+}
+
+/* Callout Info Boxes on Android Settings */
+.android-info-box-green {
+ background: rgba(25, 135, 84, 0.12);
+ border: 1px solid rgba(25, 135, 84, 0.3);
+ border-radius: 8px;
+ padding: 10px 12px;
+ font-size: 11px;
+ color: #a7f3d0;
+ line-height: 1.4;
+ margin-top: 8px;
+}
+
+.android-info-box-blue {
+ background: rgba(6, 182, 212, 0.1);
+ border: 1px solid rgba(6, 182, 212, 0.3);
+ border-radius: 8px;
+ padding: 10px 12px;
+ font-size: 11px;
+ color: #bae6fd;
+ line-height: 1.4;
+ margin-top: 8px;
}
/* âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
-
-
-
-
About & App Updates
+ +
+
+
+
+
+ All (18)
+ Admin (6)
+ Teacher (12)
+ Inactive
-
+
+
+
+
+
+
+
+
+
+
+
+ AA
+
+
+ Ana Arandia
+@ana
+ anaarandia@gmail.com • 09123456789
+
+ ADMIN
+ ›
+
+
+
+
+
+
+ RB
+
+
+ Rene Baterbonia
+@rene
+ renebaterbonia@gmail.com • 0912345...
+
+ ADMIN
+ ›
+
+
+
+
+
+
+ ED
+
+
+ Ermhar A. De Vera
+@ermhar
+ ermhardevera11@gmail.com • 094784...
+
+ ADMIN
+ ›
+
+
+
+
+
+
+ PL
+
+
+ Pao Lul
+@paolul
+ paolul@gmail.com • 09123123123
+
+ ADMIN
+ ›
+
+
+
+
+
+
+ CP
+
+
+ Chinee Pasigan
+@chinee
+
+ ADMIN
+ ›
+
+
+
+
+
+ AT
+
+
+ Admin Registrar Talis...
+@admin
+ gcrischarles@gmail.com • 093929756...
+
+ ADMIN
+ ›
+
+
+
+
+
+
+
+
+
+
+
+
+ đ Activities
+ đ¤ Users
+ đģ Sessions
+
+ Recent Activity Logs
+
+
+
+
+ đ
+ đī¸
+ đ
+
+
+
+
+
+ đĨ
+
+
+
+
+
+ ARCHIVE
+ STUDENT
+
+ Sep 28, 2026, 7:34 PM
+
+ Auto-archived 1 student(s) to 'Inactive' (no enrollment in AY 2026-2027 after scheduled cutoff (2026-09-26T23:59:59.000)): 108297100191 (JENNIE ADAMS)
+
+ đ¤ By: Admin Registrar Talisay
+
+
+
+
+ â
+
+
+
+
+
+ CREATE
+ DOCUMENT
+
+ Sep 27, 2026, 7:03 PM
+
+ Uploaded "JHS - Certificate of Enrollment.jpg" (JHS - Certificate of Enrollment) for JUAN RIZAL
+
+ đ¤ By: Admin Registrar Talisay
+
+
+
+
+ âī¸
+
+
+
+
+
+ UPDATE
+ STUDENT
+
+ Sep 27, 2026, 6:40 PM
+
+ Updated student âĸâĸâĸâĸâĸâĸâĸâĸ3456
+
+ đ¤ By: Admin Registrar Talisay
+
+ «
+ ‹
+ 1
+ 2
+ ›
+ »
+ 1 âž
+
+ Total: 1142 activities
+
+
+
Account Settings
+ Manage your profile information and security settings.
+
+
+
+
+
+
+
+
+ Profile Details
+ â +
+
+
+
+
+
+
+ đ
+
+ ›
+
+
+ Document Requirements
+Configure required documents for JHS and SHS
+
+ âšī¸ Define which documents are required for enrollment per grade level (e.g., Form 137, Birth Certificate, Good Moral). Students with missing required documents will appear in the Missing Docs dashboard tile.
+
+
+
+
+
+
+
+
+ đ
+
+ ›
+
+
+ Academic & Class Management
+Manage academic years, sections, and class advisers
+
+ âšī¸ Set up academic years, grade levels, and sections. Assign teachers to their sections so they can view and manage their students' records. Changes here affect enrollment options across the system.
+
+
+
+
+
+ âšī¸
+
+ About & App Updates
+App:TIS-RMS Mobile
Architecture:ARM64 (64-bit)
Version:v1.0.23
-